楽天市場商品ページのサイドナビがずれる件についての対処相談

Question

お世話になります。表題の件について相談です。
サイドナビが左にずれており、その改善を希望です。
お手数ですがアドバイスいただけないでしょうか。

参考）
https://item.rakuten.co.jp/bonfukaya/0005019-18042-blue/

左から
サイドナビ320px マージン30px コンテンツ600px

上記で調整したいです。
よろしくお願いいたします。

Answer

ECマスターズの田辺です。

楽天の仕様変更によって購入ボタンが
大きくなったことによりコンテンツ幅が広がり、
レフトナビが左にずれているようです。

ですのでコンテンツを600pxにするのであれば
購入ボタンの大きさに合わせて
商品画像の大きさを調整していただく必要がございます。

こちらを参考に商品画像を200pxにしていただきますと
全体のバランスが良くなります。
https://www.rakuten.co.jp/shops/manual/navi/design/02_028.html

そして、レフトナビに以下のタグを加えていただくことで
レフトナビ320px、マージン30px 、コンテンツ658px
で表示されます。


.naviMargin {
margin: 0 10px 0 30px;
}


コンテンツは購入ボタンなども含まれていることから
楽天側で大きさが調整されておりますので
600pxちょうどではございませんが658pxでも
バランスよく表示はされておりますので
ご確認をお願いいたします。

楽天市場 商品ページのサイドナビがずれる件についての対処相談

楽天市場商品ページのサイドナビがずれる件についての対処相談