①PCカテゴリーページの表示のずれと、②両側縦バナー表示の際の画面左側の重なり、を修正したい

Question

①PCカテゴリーページにビルダーで作成したHTML入力して表示させていますが、
実際表示されるページは右に大きくずれてしまいます。（サンダルのカテゴリーページなど。）

②両側縦バナーを表示させた際、ページによっては左側のバナーがページ（レフトナビ）と重なってしまう事があります。

すみません、この2点を修正する方法はあるでしょうか？

Answer

ECマスターズの田中です。

①について、サンダルのカテゴリページを拝見したところ、
目玉商品がページ内容の横幅を拡げ、
レイアウト崩れの原因になっていることがわかりました。

RMSメインメニュー　＞　1　店舗設定　＞　1-2　デザイン設定　＞　PCデザイン設定　＞　目玉商品 
のメニューより、1行あたりの商品数、及び画像のサイズを調整して
（1行あたりの商品数）×（画像のサイズ）＝700ピクセル
程度になるよう、調整していただけますでしょうか。

②についてですが、
両側縦バナーは、ブラウザの左右端に設置する設定になっておりますので、
ブラウザの幅が（ページ＋両側縦バナー２つ）の幅より狭い場合、
レフトナビやページの内容に重なってしまいます。

たとえば、両側縦バナーを設定しているスタイルシートの指定を、
@media (min-width: 1280px) {
と
}
で囲うことで、
1280ピクセル未満の横幅でページを見ている場合に、
縦バナーを自動で非表示にする設定ができます。

Answer

ありがとうございます。
ほぼスッキリ致しました。

ただ、商品ページのよっては重なりが解消できない部分もあるのですが、（なぜかブーツカテゴリーの商品ページ＝例えば/10000108）
これは何かが間違っているでしょうか？

何度もすみません。

Answer

ECマスターズの田中です。

/10000108の場合、
＜フィッティング＞のテーブル部分に横幅663ピクセルが指定されており、
ページ内容の横幅を拡げているのが原因ですので、
横幅を500ピクセル程度まで短くしてご対応ください。

このように、重なりが解消できないのは、
何らかの要素の横幅が広いことが原因である可能性が高いので、
同様の問題が発生した場合は、
ページ内に横幅の広い要素がないかご確認ください。

Answer

ありがとうございます。
今後はその様に確認していきます。