WoodMartのテーマAjaxフィルタは、商品閲覧を最適化する

ウッドマート テーマ内蔵 エイジャックス フィルタリング機能により、ユーザーがフィルタリング条件を選択する際にページを更新する必要がなく、商品リストが瞬時に更新されるため、閲覧効率が向上します。

Ajaxフィルタリングの概要

エイジャックス フィルタリングにより、訪問者はページをリフレッシュすることなくフィルタリング条件を調整し、条件に合った商品を素早く表示することができます。従来のページのリロード方法と比べ、このフィルタリングモードはより流動的で、待ち時間を短縮し、ショッピングの効率を向上させることができます。

適用されるシナリオ

• 洋服モール: 色、サイズ、ブランドで商品を絞り込む
• 電子機器ショップ：価格帯、ブランド、仕様で機器を絞り込む
• 美容とスキンケアのeコマース：成分、効能、価格で製品を絞り込む

Ajaxフィルタリングを有効にする

1.WoodMartテーマ設定に入る

• とおす ワードプレス・バックエンド ウッドマート → テーマ設定
• ある 製品アーカイブ オプションでAjaxフィルタリングを有効にする

2.コンフィギュレーション WooCommerce ウィジェット

• 入り込む 外観 → ウィジェット
• ある WooCommerceサイドバー 以下のフィルターコンポーネントを追加する：
  • WooCommerce 階層ナビゲーションフィルター(分類でフィルタリング）
  • WooCommerce価格フィルター（価格帯スライダー）
  • WooCommerceプロパティ・フィルタリング(例：色、サイズ、ブランド）

3.Ajaxフィルタリングの範囲設定

• ある テーマ設定 → 一般 → 検索 Ajax検索を有効にする

• ある テーマ設定 → 一般 → 検索 Ajax検索を有効にする

Ajaxフィルタリングのためのフィルタリングオプションの最適化

1.色、サイズなどのフィルターの視覚化。

デフォルトではWooCommerce バリアントフィルタリングは、テキストまたはドロップダウンリストとして表示することができます。を有効にすることができます。 WooCommerce バリエーションスウォッチ フィルタリングをカラーブロック、ボタン、画像などの視覚的な形式に適応させるプラグイン。

操作方法：

• 入り込む WooCommerce → 商品 → プロパティ色やサイズなど、最適化が必要な属性を選択します。

• ある ディスプレイタイプ オプションで カラーブロック、絵、ボタン

• ある 商品編集ページバリアントのプレゼンテーションで使用できるバリアントのリストを以下に示す。

このように エイジャックス フィルタリングの際、訪問者はテキストリストを読まなくても直感的に色やサイズを選択することができ、フィルタリングの効率が向上します。

2.価格フィルタースライダーの最適化

• 入り込む 外観 → ウィジェット
• WooCommerceサイドバーにプロパティフィルタウィジェット

• 価格帯のステップサイズを調整し、粒度が大きすぎてスライダーのドラッグが困難にならないようにします。

3.商品分類スクリーニング

サイトの商品カテゴリー数が多い場合は 階層型ナビゲーション・フィルターこれにより、さまざまなレベルのカテゴリーを折りたたんだり展開したりすることができ、フィルターリストの長さが短くなり、フィルター方法がより簡潔になる。

フィルタリングのためのユーザーガイダンスの強化

1.フィルタークリアボタンを追加する

あまりにも多くのオプションをフィルタリングした後、ユーザーはすべてのフィルタをすばやくリセットしたいと思うかもしれません。これは エイジャックス フィルター・フィールドは以下を追加する。 「クリアな審査 ボタンをクリックすると、デフォルトの商品リストにすばやく戻ることができます。

2.デフォルトのスクリーニング・オプションを設定する

ある WooCommerce → すべての商品 → プロパティ オプションで デフォルト・ソート

概要

エイジャックス フィルタリング機能は、ECサイトのフィルタリング効率を向上させることができ、ユーザーはフィルタリング条件を選択した後にページを更新しなくても、対象となる商品を見ることができる。参考 フィルタリングオプションの最適化、フィルタリング方法の調整、読み込み速度の向上、フィルタリングガイダンスの強化 このような対策によって、次のことが可能になる。 ウッドマート テーマはフィルタリングをスムーズにし、コンバージョン率を向上させる。