Wix ストア:商品ギャラリーをカスタマイズする

読了時間:10分
商品ギャラリーを使用すると、ネットショップで販売している商品を、訪問者に見やすく表示することができます。ギャラリーは任意のページに追加でき、そこにすべての商品を表示するか、特定のカテゴリーの商品のみを表示するか自由に決めることができます。
商品ギャラリーは、複数行で構成される「グリッドギャラリー」、または商品をスクロール表示できる「スライダーギャラリー」から選択することができます。

グリッドギャラリーをカスタマイズして、ショップに適した外観にします。
Wix ストアのグリッドギャラリーを使用して作成したページの一例。

グリッドギャラリーをカスタマイズする方法:

  1. エディタで、カスタマイズしたいグリッドギャラリーがあるページに移動します。
  2. グリッドギャラリーをクリックし、「設定」アイコン をクリックします。
  3. カスタマイズする内容を選択します:

スライダーギャラリーをカスタマイズして、好みの外観にします。ギャラリーのテキストやデザインをカスタマイズしたり、表示するパーツ(例:「カートに追加する」ボタンなど)を選択したりすることができます。
Wix ストアのスライダーギャラリーを操作している様子を示した GIF。

スライダーギャラリーをカスタマイズする方法:

  1. スライダーギャラリーをクリックします。
  2. 設定」をクリックします。
  3. 実行する内容を選択します:

モバイル端末で閲覧した際のグリッドギャラリーの外観をカスタマイズします。小さな画面に合わせてデザインを調整し、顧客がギャラリーから移動することなく、簡単にカートに商品を追加できるようにすることができます。
モバイル表示に関するヒント:
  • 商品オプションの表示:グリッドギャラリーでは、商品オプションの表示を色見本のみに制限し、表示する色の最大数を設定することができます。
  • カートに追加する」ボタン:「デザイン」タブで、テキスト付きのボタンの代わりに「カートに追加する」アイコンを選択できます。
  • カートに追加する」ボタンの位置:レイアウト」タブの「カートに追加する」設定で、商品画像の上に表示するボタンを設定できます。これは、ボタンをアイコンとして表示する場合に特におすすめします。
スマートフォンに、モバイル用にカスタマイズしたグリッドギャラリーが表示されている様子を示したスクリーンショット。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. エディタ上部で「モバイルエディタに切り替え」アイコン をクリックします。
  3. カスタマイズしたいグリッドギャラリーまたはスライダーギャラリーがあるページに移動します。
  4. ギャラリーをクリックします。
  5. 設定」をクリックします。
  6. 利用可能なオプションを使用してギャラリーをカスタマイズします。
ヒント:
Wix エディタでモバイル用に編集した内容は、デスクトップの表示には影響しません。