商品ページ設定

←目次へ戻る

商品ページは、画像サムネイル、テキスト、など複数の項目を分けて変更できるようになっており、組み合わせによって様々なレイアウトに変更することができます。画像枚数、商品説明の長さなどはショップによって様々ですが、ショップにあったレイアウトを選択できます。

| ◾画像ギャラリータイプ（ON:軽量シンプルモード / OFF:拡大表示モード） | 商品画像ビューワのタイプを選択できます。 ON：シンプルフォトギャラリー サムネイルをタップするとスピーディに切り替わります。またその拡大させないことでストレスない操作ができます。商品写真の細部拡大にそれほど意味がない場合などに最適です。

OFF：拡大機能ギャラリー 画像をタップすると拡大ウィンドウが現れ、大きく表示します。そのウィンドウ内で画像をスライドさせていくことができます。 1つ1つの商品写真が非常に重要な場合などに。

どちらのモードも、スマホでのスワイプに対応しています。 | | --- | --- | | ⌊ 写真サムネイル表示 | 画像サムネイル一覧のレイアウトを2列〜6列までで変更できます。商品画像数に応じてお好みで設定します。 | | 右カラムのスクロールを固定 (PC表示) | PC表示では左に商品写真と説明文、右側に商品名と購入ボタンの２カラムレイアウトとなります。ここをONにすると、右エリアをスクロールに対して固定表示し、常に購入ボタンが目に入る状態になります。

固定表示の挙動について 右カラムの高さが開いているウィンドウの高さよりも低い場合（画面内に収まっている場合）：右カラム上端で固定表示されます。右カラムの高さが開いているウィンドウの高さよりも高い場合（カートに入れるボタンが画面外に出てしまう場合）：右カラムの下端まではスクロールして固定します。

商品オプション等の購入エリアの選択肢の数、商品説明の長さ、写真の数、商品説明カスタムAppの有無、などによって見やすい方を選択してください。 | | 商品ページを常に1カラムに | 通常は２カラムレイアウトが標準となっていますが、ここをONにすることで幅いっぱいの１カラムに変更できます。

※1カラムの場合は「右カラム固定表示」は無効となります ※商品ページでサイドバーを非表示にしている場合はスペースが十分にあり、２カラムでも問題ない場合がほとんどです。商品ページでサイドバーを表示する場合にこの機能を検討してみてください。 | | 　⌊ 説明と購入ボタンのレイアウト | 「画像を1カラムで大きく表示する」をONにした状態で、商品説明エリアと購入ボタンエリアをどのようにレイアウトするかを選択します。「2カラム」では左に説明、右に購入エリア、「1カラム」では商品説明、購入エリアが幅いっぱいに続きます。

スマホ/タブレットでは自動で1カラムになります。

1カラムの状態では、冒頭の「◾️商品説明レイアウト」の設定が反映され、商品説明と購入エリアの順序となります。

<aside> 💡

「商品説明カスタムApp」を利用すれば本文エリアは自由にコンテンツ作成していくことができます。

</aside>