出力されるHTMLソースについて
以下のようなHTMLソースが出力されます。
出力例
<iframe src=“https://www.xxx.co.jp/ecstation/rmixA.html” name=“gtable” width=”800″ height=”300″>この部分に注文状況が表示されます</iframe>
- 「xxxxx」はショップドメインやショップIDが入ります。
- 出力されたHTMLソースの編集、貼り付けページの変更は弊社サポート外となります。
上記のようなHTMLソースをコピーし、ショップページの表示を行いたい場所に貼り付けします。ショップページ内での中央寄せ、左寄せ、右寄せ、上限間隔などは<div>タグ等で囲んで適宜調整をしてください。
ヒント1
- テンプレートはテンプレート設定にて細かくデザインを変更できます。 詳細はこちらをご参考ください。
- HTMLソースの設置には貼り付け先ページのHTML編集(貼り付け)で完成いたします。
ヒント2 <div>タグで囲む場合のHTML記述例(参考)
設置用HTMLソース以外はサポート外となります。
以下はページに設置する際に、表示位置を調整する基本的なHTMLソース記述の一例となります。(あくまで一例ですので貼り付け先htmlソース構成等により異なります。)
記述例
<div style=”margin-top:50px; text-align: center;”>
<iframe src=”https://www.rakuten.ne.jp/gold/xxxxxxx/ecstation/rmixA.html” name=”gtable” width=”800″ height=”300″>
この部分に注文状況が表示されます</iframe>
</div>
- margin-top： ピクセル数を変えると上部ブロック要素とのマージン幅が変わります。
- margin-bottom, margin-left, margin-right： 「下、左、右」のマージンを設定できます。
- text-align： centerは中央寄せ、leftは左寄せ、rightは右寄せになります。
●楽天市場の各商品ページへの表示方法
「共通説明文(大) 」等に設置することで全ての商品ページに反映させることができます。
1) HTMLソースを共通説明分(大)に登録
R-Storefront ＞ デザイン設定 ＞ 共通説明文（大） ＞ 使用中のテンプレートの「編集」をクリック
HTMLタグの挿入に、にぎわいランキングR3のHTMLソースを貼り付けて反映させます。
2) 貼り付け後に下記にて表示位置を調整します。
R-Storefront ＞ デザイン設定 ＞ 表示項目の並び順の設定 ＞ 商品ページ ＞ 使用中のテンプレートの「編集」クリック
表示させたい位置に調整を行います。
同じくトップページ、カテゴリページも調整を行います。
初期設定について
初期設定を確認したい場合は、以下のバナーをクリックして各ステップをご覧ください。