Wix ストア:商品ギャラリーにフィルターと並び替えオプションを追加する
読了時間:5分
商品ギャラリーにフィルターと並び替えオプションを追加して、顧客が探している商品を見つけやすくしましょう。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/02/02/c3f1fe35-3eed-4e01-88d4-84ec259f2a0c/be105d4a-e36d-4b78-8bd1-8eb63c61c433.jpg)
既定のフィルターを表示するか、独自のカスタムフィルターを作成することができます。「並び替え」ドロップダウンを追加して、顧客が希望通りに商品を並べ替えることができます。
注意:
フィルターと並び替えオプションはグリッドギャラリーでのみ使用でき、スライドショーギャラリーでは使用できません。
この記事では、次の項目について説明します:
既定のフィルターを表示する
Wix ストアには 3つのプリセットフィルターがあります。顧客は下記の項目で絞り込めます:
- カテゴリー
- 価格
- 商品オプション
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/02/02/71c19bad-1733-4c0f-b40d-7d23ffbf80f5/a89c95c2-c686-4432-82d8-8fa6b62722ee.jpg)
既定のフィルターを設定する方法:
- フィルターを追加する商品ギャラリーをクリックします。
- 「設定」アイコン
をクリックします。
- 「フィルター」タブをクリックします。
- 「フィルターを表示」トグルをクリックして有効にします。
- (オプション)「フィルター名」を編集します。
- 設定するフィルターの種類を選択します:
カテゴリーでフィルターする
価格で絞り込む
商品オプションで絞り込む
注意:
フィルターが適用された商品は、カテゴリーに表示される順序でライブサイトに表示されるとは限りません。
独自のカスタムフィルターを作成する
カスタムフィルターオプションを使用して、オリジナルのフィルターを作成できます。たとえば、サイトには 3つのサイトページに 3つのカテゴリー(メンズ、レディース、キッズ)があります。ブランド別に絞り込むオプションを追加するとします。そのためには、ストア内の各ブランドのカテゴリーを作成する必要があります。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/02/02/305ed802-d8a7-49d2-b7b2-fb71e66bc1b2/3b2f461b-9c57-4ce3-bf16-9364fa360052.jpg)
カスタムフィルターを作成する方法:
- カスタムフィルターに必要なカテゴリーを作成します(例: ブランド)。
- フィルターを追加する商品ギャラリーをクリックします。
- 「設定」アイコン
をクリックします。
- 「フィルター」タブをクリックします。
- 「フィルターを表示」トグルをクリックして有効にします。
- (オプション)「フィルター名」を編集します。
- 「+カスタムフィルターを作成」をクリックします。
- カスタムフィルター名を入力します(例:ブランド)。
- カスタムフィルターに含めたくないカテゴリーの横にあるボックスからチェックを外します。
ギャラリーの並び替えオプションを表示する
顧客が商品を価格、名前、新着商品順で並び替えることができるようにします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/02/02/97a550f1-b1b8-45c3-8180-8765b9efec99/557d0db4-60e5-4d00-a281-28d2b3c5f5fe.jpg)
並び替えオプションを追加する方法:
- 並び替えオプションを追加する商品ギャラリーをクリックします。
- 「設定」アイコン
をクリックします。
- 「並び替え」タブをクリックします。
- 「並び替えオプションを表示」トグルをクリックして有効にします。
- (オプション)「並び替えタイトル」を編集します。
- 表示したくない並び替えオプションのボックスからチェックを外します。
お役に立ちましたか?
|