質問: スマホ用のインラインフレームで設置する検索窓用のhtmlファイル スマホの商品ページでスクロールしても付いてくるショップ内検索窓を設置したいと希望しております。以下の、他の方の質問に対する解答を拝見させて頂きました。【過去の解答】「たとえば、インラインフレームで設置する検索窓用のhtmlファイルをご用意の上、https://forum.ec-masters.net/post_view.php?id=5413上記urlにて回答した方法で、商品画像の上に追加したり、https://forum.ec-masters.net/post_view.php?id=6001上記urlにて回答した方法で、スクロールすると表示されるヘッダーとして設置したりすることが可能となっております。」【上記ご解答に対する新たな質問です】html初心者でお恥ずかしいのですが、、「インラインフレームで設置する検索窓用のhtmlファイル」がどのようなhtmlになるのかが、わかりません。現在すでにあるようなごくプレーンなスマホの幅の検索枠、「(店名)から探す」【検索】が、スクロールしても付いてくるようにしたいのですが、ご教授頂けますようよろしくお願い致します。
回答: ecマスターズの田中です。それでは、基本的なショップ内検索窓を設置するためのhtmlファイルの内容を添付いたしますので、必要に応じての間にスタイルシートを加えていただくなどして、見た目の調整を行ってご利用ください。ご利用の際、ご注意いただく点が2つございます。最初に、楽天で検索を行う場合はデータを「euc」という文字コードを利用して送信しないと、文字化けを起こしてしまいますので、htmlファイルを作成される際にmeryhttp://forest.watch.impress.co.jp/library/software/mery/などの、高機能なテキストエディタをご利用の上、eucの形式で保存してください。たとえば、上記meryの場合は、名前を付けて保存を行う際に、「エンコード」を「日本語 (euc)」にして保存していただく形になります。次に、ソースの中にあるショップid・ショップurlを、クロネコさんのショップの情報にご変更ください。ショップidは、rac番号の上6桁、もしくは店舗内検索画面のurlに含まれる数字6桁をご記載ください。ショップurlは、https://www.rakuten.co.jp/◯◯◯/の、◯◯◯の部分をご記載ください。例)https://www.rakuten.co.jp/shop-url/ の場合、 ショップidは203677、ショップurlはsoukaiになります。===下の行よりhtmlソース===========検索