Wix ストア：商品ギャラリーの表示方法を設定する | サポートセンター

Wix ストア：商品ギャラリーの表示方法を設定する

読了時間：4分

デフォルトでは、商品ギャラリーに多数の商品が追加されてある場合、顧客は「 もっと見る」ボタンをクリックすることで商品をさらに読み込むことができます。

商品ギャラリーの「もっと見る」ボタンをページ送りまたは無限スクロールに置き換えることができます。

この記事では、以下を設定する方法について説明します：

ヒント：

ギャラリーの行数・カラム数を調整することで、ページに表示される商品の数が変わります。「レイアウト」タブにアクセスし、行とカラムを調整しましょう。

「もっと見る」ボタンの色、フォント、形は、サイトのデザインに合わせてカスタマイズできます。

エディタで該当する商品ギャラリーをクリックする
「設定」アイコンをクリックします。
「設定」タブをクリックします。
スクロールダウンして「もっと見る」ボタンを選択します。
（オプション）ボタンテキストを編集します：
1. 「テキスト」タブをクリックします。
2. 「もっと見る」ボタンのテキストを編集します。
3. 「前の商品」ボタンのテキストを編集します。
「デザイン」タブをクリックします。
「「もっと見る」、「以前のデータを読み込み」」をクリックします。
カスタマイズするものを選択します。
- テキストフォント・色：テキストのフォントと色を選択します。
- スタイル：ボタンのスタイルを選択します。
- 不透明度・色 : 背景色を選択し、不透明度を変更します。
- 枠線の太さ・色（px）: 枠線の色と太さを選択します。
- 角の丸み（px）: ボタンの角をより丸く（高い数）または鋭く（低い数）設定します。
- ボタンの横幅：ボタンの幅を変更します。

ページ送りボタンを追加し、見た目をカスタマイズします。ストアに多数のページがある場合、最初と最後のページに移動する矢印を追加することもできます。

エディタで該当する商品ギャラリーをクリックする
「設定」アイコンをクリックします。
「設定」タブをタップします。
「ページ送り」までスクロールダウンし、選択します。
レイアウトをカスタマイズします：
1. 「レイアウト」タブをクリックします。
2. スクロールダウンしてページ送りの表示方法を選択します。
3. 「「最初へ / 最後への」矢印」トグルをクリックして、最初と最後のページに移動する矢印を追加します。
4. ページ送りを左、右、または中央揃えに配列します。
フォントをカスタマイズします：
1. 「デザイン」タブをクリックします。
2. 「ページ送り」をクリックします。
3. ページ番号と矢印のフォントを選択します。
4. 顧客が表示しているページの色を選択します。

無限スクロールを使うと、顧客はページ間を移動することなく、スクロールするだけですべての商品を閲覧することができます。

商品をもっと見る方法として、SEO に最適なものは？

モバイルサイトで「もっと見る」ボタンが表示される商品数を設定することはできますか？

この記事では下記を説明します：