商品フィルター付きのショーケースを作る方法

← 戻る

tagsモジュールを含むセクションは、フィルター、並べ替え、ページネーション付きで商品を表示します。フィルターのセットは、フィールド名がプロパティ名と等しい通常のフォームで設定します。

  1. フィルターフォームを組み立てる:モジュール付きセクション forms、メニューから非表示にできます。フィールド名は商品プロパティ名です:「ブランド」「サイズ」「色」。「価格」フィールドは範囲(最小~最大)になり、「カテゴリ」はサブセクション、「検索」は検索文字列になります。 「アクションボタン」 — 「表示」;名前に「リセット」を含むボタンはフィルターをリセットします。
  2. ストアフロントセクションを作成します:フィールド 「モジュール」 で 「選択」 → 「フィルター付きストアフロント」をクリックします。
  3. ウィンドウ 「モジュール設定」 でストアフロントの 「商品を含むセクション」 (空の場合はサイト全体)と 「フィルターフィールド付きフォームのアドレス」.
  4. セクションに 「オブジェクトプレビューテンプレート」 を選択します — これでカードが描画されます。

フィルターの表示はフィールドタイプによって決まります:ドロップダウンリスト、チェックボックス、ラジオボタン、またはボタン。フィールドに独自の値リストがある場合はそれらのみが表示され、そうでない場合は商品のプロパティのすべての値が表示されます。順序、ラベル、デザインは通常のフォームと同じです。

同じ設定画面で: 「ページあたりの商品数」, 「デフォルトの並べ替え」, 「ボタンでのみフィルターを適用」, 「並べ替えの選択を表示しない」, 「商品数を表示しない」.

メニューまたはカラム内のフィルター。 インフォマー「フィルター」は同じフォームをサイトの任意の場所に配置します。その設定には以下があります: 「フィルターフィールド付きフォームのアドレス」, 「ストアフロントのアドレス」 およびチェックボックス 「ストアフロントページのみに表示」.

タグ。 アドレス形式 /tags/nike は、プロパティ値がこのタグを生成する商品を表示します。どのプロパティがタグに適しているか — 「/tags/… アドレス用のタグプロパティ」。チェックボックス 「アドレスにタグなし — タグクラウド」 をオンにすると、タグなしのストアフロントページはタグクラウドを表示します。

うまくいかない場合

  • フィルターフィールドが空です。 フィールド名が商品プロパティ名と一致しません — 文字を確認してください。
  • カードが裸です。 ストアフロントセクションのプレビューテンプレートが選択されていません。
記事は役に立ちましたか?

こちらもご覧ください

ヘルプセクションでは、よくある質問への回答と、Site Lookサイトビルダーの操作に関する役立つ手順を見つけることができます。ここでは、セクションの管理方法、オブジェクトの追加方法、サイトの設定方法を学ぶことができます。資料は初心者にも経験者にも役立ちます。回答が見つからない場合は、サポートにお問い合わせください。