Wix ストア:商品ギャラリーの表示方法を設定する
4分
デフォルトでは、商品ギャラリーに多数の商品が追加されてある場合、顧客は「 もっと見る」ボタンをクリックすることで商品をさらに読み込むことができます。
商品ギャラリーの「もっと見る」ボタンをページ送りまたは無限スクロールに置き換えることができます。

ヒント:
ギャラリーの行数と列数を調整することで、ページあたりに表示される商品の数は変わります。エディタ設定の「レイアウト」タブに移動して、行と列を調整しましょう。
「もっと見る」ボタンを設定する
「もっと見る」ボタンの色、フォント、形は、サイトのデザインに合わせてカスタマイズできます。
「もっと見る」ボタンを有効にしてカスタマイズする方法:
- エディタに移動します。
- カスタマイズしたい商品ギャラリーがあるページに移動します。
- ページ上のギャラリーをクリックします。
- 「設定」
をクリックします。
- 「設定」タブをクリックします。
- 「スクロール動作」を選択します。
- 「もっと見る」ボタンを選択します。
- ボタンテキストを編集します:
- 「テキスト」タブをクリックします。
- 「もっと見る」ボタンのテキストを編集します。
- 「前の商品」ボタンのテキストを編集します。
- ボタンデザインを編集します:
- 「デザイン」タブをクリックします。
- 「「もっと見る」、「以前のデータを読み込み」」をクリックします。
- カスタマイズするものを選択します。
- テキストフォント・色:テキストのフォントと色を選択します。
- スタイル:ボタンのスタイルを選択します。
- 不透明度・色 : 背景色を選択し、不透明度を変更します。
- 枠線の太さ・色(px): 枠線の色と太さを選択します。
- 角の丸み(px): ボタンの角をより丸く(高い数)または鋭く(低い数)設定します。
- ボタンの横幅: ボタンの幅を変更します。
ページ送りを設定する
ページ送りボタンを追加し、見た目をカスタマイズします。ストアに多数のページがある場合、最初と最後のページに移動する矢印を追加することもできます。

ページ送りを有効にしてカスタマイズする方法:
- エディタに移動します。
- カスタマイズしたい商品ギャラリーがあるページに移動します。
- ページ上の商品ギャラリーをクリックします。
- 「設定」
をクリックします。
- 「設定」タブをクリックします。
- 「スクロール動作」をクリックします。
- 「ページ送り」を選択します。
- レイアウトをカスタマイズします:
- 「レイアウト」タブをクリックします。
- 「ページ送り」を選択します。
- ページ送りの表示方法を選択します。
- 「「最初へ / 最後へ」の矢印」トグルをクリックして、最初と最後のページに移動する矢印を追加します。
- ページ送りを左、右、または中央揃えに配列します。
- ページ送りのフォントをカスタマイズします:
- 「デザイン」タブをクリックします。
- 「ページ送り」をクリックします。
- ページ番号と矢印のフォントを選択します。
- 顧客が表示しているページの色を選択します。
無限スクロールを設定する
無限スクロールを使うと、顧客はページ間を移動することなく、スクロールするだけですべての商品を閲覧することができます。
無限スクロールを有効化する方法:
- エディタに移動します。
- カスタマイズしたい商品ギャラリーがあるページに移動します。
- ページ上の商品ギャラリーをクリックします。
- 「設定」
をクリックします。
- 「設定」タブをクリックします。
- 「スクロール動作」をクリックします。
- 「無限スクロール」を選択します。
よくある質問
商品をもっと見る方法として、SEO に最適なものは?
モバイルサイトで「もっと見る」ボタンが表示されるようになる商品数を設定することはできますか?