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

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

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

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

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

モバイル端末で閲覧した際のグリッドギャラリーの外観をカスタマイズします。小さな画面に合わせてデザインを調整し、顧客がギャラリーから移動することなく、簡単にカートに商品を追加できるようにすることができます。
スマートフォンに、モバイル用にカスタマイズしたグリッドギャラリーが表示されている様子を示したスクリーンショット。
ヒント:
モバイル用に編集した内容は、デスクトップの表示には影響しません。

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

  1. カスタマイズしたいグリッドギャラリーがあるページに移動します。
  2. エディタ上部で「モバイルエディタに切り替え」アイコン をクリックします。
  3. グリッドギャラリーが表示されている場所をクリックします。
  4. 設定」をクリックします。
  5. 以下のいずれかの操作を行い、モバイル用にグリッドギャラリーをカスタマイズします:
    • 設定」タブをクリックし、モバイルで表示または非表示にするパーツを選択します。
    • レイアウト」タブをクリックし、モバイルでのレイアウトをカスタマイズします。
    • デザイン」タブをクリックし、モバイルでのフォントサイズをカスタマイズします。

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

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

  1. スライダーギャラリーをクリックします。
  2. 設定」をクリックします。
  3. 実行する内容を選択します:
もっと詳しく知りたい場合:
Wix Learn で Wix ストアの構築に関するコースを確認するか、ネットショップのデザインと公開に関する最後の動画をご覧ください。

お役に立ちましたか?

|