デザイン設定

Question

他店の売れてるページをマネしたいと思いますが、どの部分がデザインページのどこに該当するのか
見分けがつきません。例えば共通説明文なのかヘッタ―、フッターコンテンツなのか
見分け方を教えて下さい。

Answer

ECマスターズの田中です。

PC用ページに関するご質問ということでよろしいでしょうか。

楽天市場のPC用商品ページは、
基本的に１カラムと２カラムの組み合わせになっております。

https://layout.rms.rakuten.co.jp/rms/mall/rsf/layout/vc?__event=RL00_001_101
RMSの旧デザイン設定メニューに掲載されております、
https://ec-masters.gyazo.com/257059658f6313fa83a7502d7fcf3858
上記画像をご参照いただくとわかりやすいかと思います。

つまり、商品ページを開いた直後に見える、
ページ内容の横幅いっぱいに表示されている部分が
ヘッダーコンテンツ、

内容が左右に分かれている部分に入ると、
左側がレフトナビゲーション、
右側が、共通説明文（大）や
PC用販売説明文の他、商品関連の情報が掲載されている部分、

再び横幅いっぱいになってからページ下端までが
フッターコンテンツ、

という構成になっております。

共通説明文（大）とPC用販売説明文の区別など、
さらに詳しく調べようとする場合は、
HTMLの構造を把握していただいた上で、
ブラウザに付属する開発者ツールの検証機能で
確かめる必要がございますので、

まずは、上で申し上げた内容にそって
見た目でのご確認をお願いします。

なお、ごく一部のショップにて、
上記構造をわざと崩してレイアウトしている例がございます。
上記構造に当てはまらない場合は、その可能性も考慮していただきますようお願いします。