【商品詳細ページのレイアウト】
商品詳細ページのレイアウトを細かく設定することができます。
まずこのデモサイトの状態がもっともベーシックな「左：代表写真とギャラリーサムネイル、右に商品説明」です。

「商品説明の位置」を写真ギャラリーの下の幅いっぱいのエリアに移動することができます。
その場合は写真の右側にはタイトル、選択肢、カートボタンのみになります。写真が少なく、文章が多い場合にバランスが取れます。

「ギャラリーサムネイルの位置」を下の幅いっぱいのエリアに移動することができます。
文章が少しだけど写真を沢山、あるいは大きく見せたいときにバランスが良くなります。

「ギャラリーサムネイルのコマ割り」を、1〜4列から選ぶことができます。
この例のように写真が沢山ある場合は4列がよいでしょう。写真が少なければ、3列、2列とすることで、当然１つ１つが少し大きくなります。１列というのは、幅いっぱいに縦に並べることです。
「ギャラリーサムネイルの位置」を下にして、「ギャラリーサムネイルのコマ割り」を１にすると、写真が縦に大きく並ぶ、ボリューム感のある商品ページになります。

以上の３つのレイアウト設定を組み合わせることで、合計で２７パターンのレイアウトを表現することができます。