【楽天RMS】PC用商品ページでフッター幅を画面いっぱいする裏ワザ

【楽天RMS】PC用商品ページでフッター幅を画面いっぱいする裏ワザ

楽天RMSで商品ページを作成していて、フッター部分の幅を100%で表示させたい。
そんな時に使える裏ワザ?コードになります。

通常、楽天のページはテーブルでレイアウトされているので、例えば1060pxとかでレイアウトすると当たり前ですが幅100%指定してもテーブルの幅は1060pxまでしかいきませんよね。

そこで今回紹介するコードは無理やりテーブルタグを先に閉じちゃう感じで、上手くカスタマイズします!

参考画像を用意したので、そちらを見てもらえれば少しイメージしやすいかもです。

 

画像内の赤点線部分が本来のコンテンツ部分なので、フッター部分もそこで切れてしまうはずですが、背景の青部分が画面にいっぱいに広がっているのがわかるでしょうか?

 

バグコード

<!--ここからバグコード-->
<!-- s -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- / -->
<!--ここまでバグコード-->


<iframe src="https://www.rakuten.ne.jp/gold/●●●/★★★.html" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" width="100%" height="任意の数値" ></iframe>

 

設置箇所

デザイン設定 > ■テンプレート設定 > ヘッダー・フッター・レフトナビ > 任意で作成したテンプレート「編集」

 

参考ページ


おままごとセット オモチャ 子供用 プレゼント ギフト

タンクトップ M/L/LL/3Lサイズ soulberryオリジナル

今回、こちらの店舗さんを参考にさせていただきました。
どちらも楽天ではかなり実績のある店舗さんになります。