楽天スマホページ

Question

お世話になっております。
スマホページの表示についてお伺いします。

1.ページ上部の「メニュー・カテゴリ・お気に入り…」と表示されている箇所を、
　スクロールしても固定して表示されるようにするにはどのようにすればいいでしょうか？

2.ページ下部に「この商品の配送方法」のバーと配送方法がその下に表示されていますが、
　こちらを全て削除は可能ですか？
　削除できなければ、見栄え良く表示されるように、編集する方法はありますか？

Answer

ECマスターズの田中です。

スマートフォン用ページの表示の件、
確認の上、改めてご案内いたしますので
今しばらくお待ちください。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

最初に、各表示を実現する方法のご案内をいたしますが、
その後にガイドラインに関する注意点をご案内いたしますので、
導入される際は最後までお読みいただきますようお願いします。


＞1.ページ上部の「メニュー・カテゴリ・お気に入り…」と表示されている箇所を、
＞　スクロールしても固定して表示されるようにするにはどのようにすればいいでしょうか？

最初に、
http://stickyjs.com/
上記サイトの「DOWNLOAD PLUGIN」ボタンより
ダウンロード・解凍（展開）していただいた「jquery.sticky.js」を
楽天GOLDにアップロードしてください。

次に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
  $.getScript('「jquery.sticky.js」のURL')
    .done(function(){
      $('#topFuncShopPopup').sticky({zIndex:"1"});
    });
});
= この上の行まで ====================
※「jquery.sticky.js」のURLは、先ほどアップロードしたファイルのURLに置き換えてご利用ください。

最後に、下記内容を
スマートフォン用の商品ページ共通説明文に
記入していただくことで、
「スクロールしても固定表示」を実現することができます。

= この下の行から ====================

= この上の行まで ====================
※外部JSファイルのURLは、実際のURLに置き換えてご利用ください。


＞2.ページ下部に「この商品の配送方法」のバーと配送方法がその下に表示されていますが、
＞　こちらを全て削除は可能ですか？

最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.css」にして
外部CSSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
#shippingBlock {
    display: none;
}
= この上の行まで ====================

次に、下記HTMLソースを
スマートフォン用共通説明文にご記載いただくことで、
「この商品の配送方法」を非表示にすることができます。

= この下の行から ====================

= この上の行まで ====================
※外部CSSファイルのURLは、実際のURLに置き換えてご利用ください。


なお、これらの方法は、
取扱禁止商材・禁止行為ガイドライン
https://www.rakuten.co.jp/shops/manual/navi/rule/guide/10_060.html
Ⅱ-(9)-31　当社が全店舗に提供している共通コンテンツを隠す行為
に該当する可能性がございます。

1.は、共通コンテンツの見た目自体は変えておりませんが、
画面上に固定される、という動作を変更しており、
2.は、挙げられている例（共通ヘッダ部分）ではありませんが
全店舗に提供している共通コンテンツを隠しておりますので、
いずれも、禁止行為に該当する可能性あり、
問題無いかどうかを、ECマスターズにて言い切ることはできませんので、
担当ECCに直接ご確認いただければと思います。