【商品ページ】ページが左寄りに表示されます(項目選択肢別在庫表の設定あり)

項目選択肢別在庫表を横長で設定されていませんか?

商品ページが左寄りに表示されます場合、項目選択肢別在庫表を横長で登録していることが原因となることがございます。

項目選択肢別在庫表は横長でないけど…という場合は、以下よくある質問ページもご参考くださいませ。

▼商品ページが左寄りに表示されます
https://lab.biiino.com/faq/item-page-displayed-to-left/

問題の現象

下の商品ページのようにレフトナビやフッターがヘッダーの横幅より左側へ表示されることがあります。

原因について

項目選択肢別在庫表の横幅による影響(楽天市場の仕様)

店舗様にてご設定されている、項目選択肢別在庫表の横幅が影響していると考えられます。

上の商品ページのように、項目選択肢別在庫表を横長でご設定されますと、楽天市場の仕様により、商品ページのメインエリア(中央の商品説明や商品名等があるエリアです)の横幅が広くなりますため、レフトナビやフッターが左寄りに表示されてしまいます。

解消方法

項目選択肢別在庫表を縦長へ設定する

項目選択肢別在庫表はビーノの「商品を登録する」機能より設定ができます!

そのため、ビーノ商品登録画面にて項目選択肢別在庫表を横長から縦長へご設定いただくことで解消されます。

早速、以下手順に沿って設定し直してみましょう。

項目選択肢別在庫表の設定方法

  1. ビーノ管理画面トップ > メニュー選択画面より「商品を登録する」を選びましょう。
  2. ページを下方向へスクロールしていただき、「ご登録済みの商品(一部表示)」の下にございます、検索窓より編集したい商品を検索・クリックして、編集画面に入りましょう!
  3. 「基本情報」の中の「在庫タイプ」にて項目選択肢別(バリエーションあり)を選択されているかと思いますので、【作成・編集】ボタンを押して詳細設定に進みます。
  4. このときに横軸より縦軸の項目を多くすることで縦長の項目選択肢別在庫表を作ることができます!

▼項目選択肢別在庫表 設定画面への進み方

詳細な設定方法につきましては以下の記事もご参考ください。

▼項目選択肢別在庫の登録はできますか?
https://lab.biiino.com/faq/item-register/item-itemized-configuration/

最後に

もし上記をお試しいただきましても改善されない場合は他の原因が影響している可能性がございますため、カスタマーサポートまでお問い合わせください。

 

関連キーワード
レフトナビがはみ出る サイドナビがはみ出る 右にスクロールできる レイアウト崩れ

この記事について評価をお願いいたします
  • 役に立った (0)
  • わかりにくい (0)
  • 必要な情報がなかった (0)
  • 探しにくかった (0)

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例