商品ページの構成パターン

• 4つのパターン
• 変更方法

「スタートアップテーマ(PC/タブレット)」 の商品詳細ページのレイアウトは下記の4つのパターンを用意しています。

店舗全体で1つのパターンを設定することも可能ですが、店舗の中で商品によって別のパターンを設定することも可能です。

• 「横2列」とあるレイアウトは、対応するブラウザ幅の場合（PC・タブレット想定）に横方向の段組みが設けられています。 ブラウザ幅が狭い場合は、横1列となります。（レスポンシブ対応）
• 「スタートアップテーマ(スマートフォン)」であらかじめ用意している商品詳細レイアウトは「商品詳細(SP)」の１パターンのみです。
• 「スタートアップテーマ(PC/タブレット)」の「商品詳細（定期）」用にあらかじめ用意している商品詳細レイアウトは横1列レイアウト、横2列レイアウトの2パターンです。

レイアウトパターンの設定方法は店舗全体で変更する方法と、固有の商品だけ変更する方法どちらも可能です。

このページでは店舗全体で変更する方法を紹介します。商品ごとに変更する場合はこちらのマニュアルを参考にしてください

1. 変更したいレイアウトを開く

   commerce creator＞テーマ＞レイアウト と進み、「商品」にチェックを入れて検索後、変更を行いたいレイアウトのをクリック

2. 「有効にする(デフォルトレイアウトにする)」にチェックを入れて保存する

   レイアウト右上の「有効にする(デフォルトレイアウトにする)」にチェックを入れて右下の「保存する」ボタンをクリック

   

レイアウトは適応前に確認可能！

プレビュー機能を利用することで、実際にレイアウトの変更を適応する前に適応された場合の表示を確認できます！ プレビューは表示したいレイアウト画面の画面下部の「プレビュー」をクリックすることで表示できます。

プレビューを押すと一旦TOPページが表示されます。その後、商品ページにアクセスすれば、プレビューを押したときのレイアウトで商品ページを表示できます！

プレビューの詳細はマニュアルでご確認を。

• レイアウト変更
• 商品詳細ページのデザイン変更（レイアウトのパターンの活用方法）