楽天の商品ページ(スマホ)について

Question

いつもお世話になります。スマホの商品ページについてですが下記のサイト様のようにヘッダー部分を変更したいのですがどのようにすればいいのでしょうか？http://item.rakuten.co.jp/e-zakkamania/33420-1600713/お手数ですが、ご返信お願いいたします。

Answer

ECマスターズの田中です。※注意：楽天RMSの、禁止タグを入力できるバグを利用する方法ですので、今後、RMSの改修により、使用できなくなる可能性があります。最初に、ヘッダーとして表示させるためのHTMLファイルを、楽天GOLD内に設置してください。ご参考までに、イーザッカさんはhttp//www.rakuten.ne.jp/gold/SHOP-URL/sp/rms/header_new.html上記HTMLファイルを、ヘッダーとして設置されております。次に、下記の内容をテキストエディタ（メモ帳など）に貼り付けてください。===== この下の行から ============.spHeader{display: block;position: absolute;left: 0;top: ページ上端とヘッダーの間隔px;z-index: 999;width: 100%;height: HTMLの内容の高さpx;}===== この上の行まで ============※ページ上端とヘッダーの間隔、HTMLの内容の高さは、実際の数値にご変更ください。さらにこの下に、ヘッダーを表示するための空間を確保するための規則をご記載いただきます。http//www.rakuten.ne.jp/gold/SHOP-URL/sp/rms/sp_new.cssの33行目から98行目にかけての規則をご参照ください。@media all and (max-width: 320px) {@media all and (min-width:321px) and (max-width: 375px) {@media all and (min-width:376px) and (max-width: 500px) {このように、３つに分かれて同じ規則があるのは、画面横幅によって数値を変えるためです。（320ピクセル以下、321〜375ピクセル、376〜500ピクセル。　501ピクセル以上の場合は、特に指定していないものと同じ状態になります）規則の記載ができましたら、ファイル名の末尾を「.css」にして保存の上、楽天GOLD内に設置してください。最後に、スマートフォン用共通説明文に下記のHTMLタグを貼り付けることで、画面上にヘッダー用HTMLの内容を固定させることができます。===== この下の行から ================= この上の行まで ============※CSSファイルのURL、ヘッダー用ページのURLは、実際のURLにご変更ください。

Answer

早速のご回答ありがとうございます。一度、試してみます。今後とも何卒よろしくお願い申し上げます。

楽天の商品ページ(スマホ)について

カテゴリーから探す