商品ページやカテゴリページをトップページと同じデザインにしたい

楽天RMS側でのご設定をお忘れかもしれません。

商品ページやカテゴリページにも、トップページと同じヘッダー・フッター・レフトナビを表示させるには、楽天RMSの【デザイン設定】からご設定いただく必要がございます。

まずは管理画面にてトップページの更新・反映をおこなってください(その際、ページ内のご変更は不要です)。

次に表示されます【トップページ更新完了】画面より【全ページへの新デザイン反映をお忘れかも?】をクリックします(下記参照)。 

クリックいただきますと、トップページの公開案内が表示されます。

全ページへの新デザイン反映手順

まずは楽天RMSの店舗設定内にございます【2 デザイン設定】を選んでください。

次に、PCデザイン設定内の【ヘッダー・フッター・レフトナビ】をクリックしてください。

ヘッダー・フッター・レフトナビのテンプレート設定画面が表示されましたら、【新規登録する】を選択します。

テンプレートの編集画面が表示されますので、「テンプレートの設定」の【テンプレート名】を以下の内容でご設定いただきます。

テンプレート名:ビーノデザイン

「HTMLタグの挿入」箇所にそれぞれ以下のテンプレートを貼り付けます。

※●●●の欄には店舗アカウントをご入力ください。

▼「ヘッダーコンテンツ」欄にコピーして貼り付け

<!-- ビーノ読み込み -->
<link rel="stylesheet" type="text/css" href="https://www.rakuten.ne.jp/gold/●●●/bn/include/biiino_layout.css">
<div class="g-header">
<iframe src="https://www.rakuten.ne.jp/gold/●●●/bn/include/header.html" frameborder="0" scrolling="no" class="c-iframe--header"></iframe>
</div>
<!-- ビーノ読み込み:ここまで -->

▼「レフトナビゲーション」欄にコピーして貼り付け

<!-- ビーノ読み込み -->
<div class="g-leftnavi">
<iframe src="https://www.rakuten.ne.jp/gold/●●●/bn/include/leftnavi.html" frameborder="0" scrolling="no" class="c-iframe--leftnavi"></iframe>
</div>
<!-- ビーノ読み込み:ここまで -->

▼「フッターコンテンツ」欄にコピーして貼り付け

<!-- ビーノ読み込み -->
<div class="g-footer">
<iframe src="https://www.rakuten.ne.jp/gold/●●●/bn/include/footer.html" frameborder="0" scrolling="no" class="c-iframe--footer"></iframe>
</div>
<!-- ビーノ読み込み:ここまで -->

入力がすべて終わりましたら【プレビュー画面へ進む】をクリックしてください。

次に表示されるプレビュー画面下部の【登録する】を押します。

「テンプレートの編集が完了しました」が表示されましたら、【デザイン設定】をクリックしてください。

次に表示される画面の「テンプレート設定」内にございます【ヘッダー・フッター・レフトナビ】を押します。

「自動テンプレートの自動選択」にて、先ほど登録したビーノデザインを選び、【設定確認画面へ】をクリックしてください。

変更確認の画面が表示されますので【設定を変更する】を押していただきますと、商品ページやカテゴリページにもトップページと同じデザインが反映されるようになります。

知りたかった点は解決しましたか?

関連するFAQなど