共通部分のpxサイズにつきまして

Question

楽天の共通部分につきまして、横幅は最大何pxになるのでしょうか？？
（現在はレフトナビ、空白いれて950px、画像のみだと700px）
https://gyazo.com/949c8273d9bab692191d9c82b0b8f404

例えば、画像の横幅が1200pxだった場合どのような表示になるのでしょうか？？
こちらの共通部分も画像に合わせて1200pxになるのでしょうか？？

Answer

ECマスターズの伊藤です。

> 楽天の共通部分につきまして、横幅は最大何pxになるのでしょうか？？

トップページを登録する
https://navi-manual.faq.rakuten.net/design/000037061
に記載の通り、

全体の横幅（看板のサイズ）が
> ①ページ全体のサイズを統一し、整ったお店をつくるために、看板サイズは950×200ピクセルを推奨しています。
の通り、950px

レフトナビが
> ①ページ全体のサイズを統一し、整ったお店にするため、レフトナビのサイズは横幅200ピクセルを推奨しています。
の通り、200px

を推奨しておりますので、
楽天の推奨の横幅は750pxとなっております。

最大については、仕組み上、
いくらでも大きくすることが可能となっております。

しかしながら、大きくしすぎると、
ディスプレイサイズが小さい場合、
横スクロールが発生することになります。

下記サイトにて、2022年5月時点の
モニタサイズのシェア一覧が
まとまっておりますので、ご参考にご覧くださいませ。
https://web-saku.net/displaysize-japan/


> 例えば、画像の横幅が1200pxだった場合どのような表示になるのでしょうか？？
> こちらの共通部分も画像に合わせて1200pxになるのでしょうか？？

ページ構成によるため、一概に、
こうなります、といった形では
ご案内することができませんが、

スクリーンショットを頂いている
カテゴリページで申し上げますと、
1200pxの画像を入れた場合
（画像のグレー背景の「画像画像」となっている部分）
テキストが横に広がるような形となります。
https://ec-masters.gyazo.com/b95bf85d531b49a61aed1921e46eb377