質問: 楽天スマホ商品ページのヘッダーを固定させる方法 お世話になります。現在スマホデザイン設定⇒商品ページ共通パーツ設定にてiframeのページを商品画像の上に設置している状態です。これらをスクロールしても付いてくるようにする方法をご教授頂けないでしょうか?goldのトップページのヘッダーも同じタグでできるのでしたら、どうように更新したいです。宜しくお願い致します。
回答: ecマスターズの田中です。> これらをスクロールしても付いてくるようにする方法を> ご教授頂けないでしょうか?対象のiframeタグに対してid="spfloatheader"を追記していただき、下記scriptタグをご記載いただければ結構です。= この下の行から ===================== この上の行まで ====================禁止行為ガイドラインへの抵触を避けるため、スクロールすると、本来のヘッダーの下から出てくるような動作になります。トップページでも、同じタグでご対応いただけます。#rsttopsearch から { までの内容、タグ名後の「 =""」は不要ですが、そのままでも構いません。なお、ビーフさんのショップの商品ページを確認したところ、商品画像上に、多数のコンテンツが掲載されておりました。/sp/sph/sp_header.html だけでも、iphone 6~8の画面の半分以上が固定コンテンツで占められてしまいます。上記の仕組みは、スマートフォン用商品説明文でも動作いたしますので、本導入の前に、任意の商品のスマートフォン用商品説明文にご設置の上、どのように表示されるか予めご確認いただきますようお願いします。