• 文字サイズ


解決済

検索窓の作成方法

  • 相談者:非公開
  • 2021/05/27 10:34
お世話になります。
現在、デザインレシピを参考に「イベント告知君と検索窓」を表示しております。
以下がそのコードです。
それを検索窓のみの表示にするにはどうしたらよいのでしょうか?
コードを教えていただけると幸いです。

<style>.emRPBandSearch{display:flex;}.emRPB{margin:0;padding:0;flex:0 0 510px;}.emSearch{width:100%;margin-right:15px;}.shopSearchForm{width:100%;margin:0;}.shopSearchForm > *{vertical-align:bottom;}.shopSearchInput{width:calc(100% - 45px);height:38px;border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:12px;font-family:"Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;line-height:32px;}.shopSearchButton{border:none;border-radius:3px;width:48px;height:38px;margin-left:-3px;cursor:pointer;background:#bf0000 url('/com/img/home/itempage/haeder_sprite.png') no-repeat 1px -239px;}</style><div class="emRPBandSearch"><div class="emSearch"><form method="get" class="shopSearchForm" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" accept-charset="EUC-JP" target="_top">
<input type="hidden" name="sid" value="SHOP-ID">
<input type="text" name="sitem" value="" size="40" placeholder="ショップ内から探す" class="shopSearchInput"><button class="shopSearchButton"></button></form></div><div class="emRPB">
<iframe src="https://www.rakuten.ne.jp/gold/********/rpoint_box/rpoint_box_scroll.html" width="510" height="75" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0"></iframe>
</div></div>
キーワード:検索窓楽天市場PCページ
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2021/05/27 11:08
ECマスターズの伊藤です。

> それを検索窓のみの表示にするにはどうしたらよいのでしょうか?

ご参考頂いている

楽天標準のようなショップ内検索………(省略)………
このフォーラムへの質問は終了しました