高度なAJAX製品フィルター| BeRocket

高度なAJAX製品フィルター| BeRocket

説明

WooCommerce AJAX製品フィルター–WooCommerceショップ向けの高度な製品フィルター機能。1つのウィジェットで無制限のフィルターを追加します。

バージョン1.5の新機能

✅フィルタの新しいスタイル:チェックボックス、選択、スライダー、色、画像
✅新しいスライダースタイル
✅新しいボタンスタイル
✅選択したフィルター領域の水平スタイル
✅チェックの単一選択
✅選択と選択2を同時に表示できます
✅異なる設定でウィジェットオプションを折りたたむ
✅JavaScriptとHTMLコードを減らす同じ結果。
✅テーマおよびプラグインとの
✅互換性の
✅向上DiviBuilder 、Beaver Builder、ElementorBuilderとの互換性の向上Relevanssiの互換性
✅フィルターをカスタマイズして機能を追加するその他の
✅方法階層属性の表示方法を設定するオプションAJAXのブラウザーで
✅管理者タイトルとフロントエンドタイトルを分離する
✅戻るボタン
✅1つの縮小ファイル内のすべてのJavaScript1つの縮小ファイル内の
✅すべてのCSSスタイル
✅画像要素スタイルのチェック済みスタイル

特徴:

✅AJAXフィルター、ページ付け、並べ替え!
✅価格で
✅フィルタリング製品カテゴリで
✅フィルタリング属性でフィルタリング
✅無制限のフィルタ
✅複数のユーザーインターフェイス要素
✅カスタム/プレミアムテーマの優れたサポート
✅SEOフレンドリーなURL(HTML5 PushStateを使用)
✅製品カテゴリとグローバルで可視性をフィルタリングします
✅ショートコードからアクセス可能
✅スクロールテーマを使用したフィルターボックスの高さ制限
✅カスタムウィジェット領域との連携
✅ドラッグアンドドロップフィルター
✅ドロップダウンメニュー用のSelect2の構築など
✅

有料プラグインの追加機能:

✅カスタム分類、価格範囲、販売状況、サブカテゴリー、日付と可用性によるフィルタ(|在庫切れ|株式のいずれかの)
✅SEOフレンドリーなURLのニースのURL
✅スライダーは、値として文字列を使用することができます
✅最小値と最大値をチェックボックスとして価格
✅の強化無料機能の
✅概要「更新ボタン」ウィジェットで更新前の製品の量を表示
✅検索ボックスウィジェットウィジェットの
✅キャッシュ
✅選択した属性値のみを表示するか、選択した属性値を非表示にします

プラグインリンク:

有料プラグインの
デモデモの
説明

🍬 管理者側を試してみませんか?

管理者デモ–このプラグインの管理者にアクセスして、内部から試してください。物事を変えて、それらがどのように機能するかを見てください。

プレミアムプラグインビデオ





現在、無料のプラグインを使用した動画はありませんが、現在取り組んでいます

WooCommerceプラグインとの互換性

高度なAJAX製品フィルターがテストされており、サイトに追加できる次のWooCommerceプラグインとの互換性は確実です。

🔸 WooCommerceの高度な製品ラベルWooCommerceの
🔸 製品をさらにロード
🔸 するWooCommerceの
🔸 グリッド/リストビューWooCommerceの
🔸 製品プレビューWooCommerceの製品プレビュー
🔸 WooCommerceのウィッシュリストと待機リストを比較する
🔸

ショートコード:

  • エディターで [br_filters attribute=price type=slider title="Price Filter"]
  • PHPの場合 do_shortcode('[br_filters attribute=price type=slider title="Price Filter"]');

ショートコードオプション:

  • attribute(必須)–製品属性(価格や長さなど)。作成された属性にpa_サフィックスを追加するwoocommerceを忘れないでください。
    したがって、新しい属性を作成するとjump、その名前は次のようになります。pa_jump
  • type(必須)–チェックボックス、ラジオ、スライダー、または選択
  • operator –またはまたはAND
  • title–タイトルとして見たいものは何でも。空にすることができます
  • product_cat –親カテゴリID
  • cat_propagation–このフィルターを子カテゴリーに伝播する必要がありますか?これをオンにするには1を設定します
  • height–フィルターボックスの最大高さ。高さが満たされると、スクロールが追加されます
  • scroll_theme–かなり明確な名前、スクロールテーマ。高さが設定されていて、ボックスの実際の高さが高い場合に使用されます

詳細設定(ウィジェット領域):

  • 製品カテゴリー–フィルターを製品のカテゴリーに固定したい場合、これはそれを行うのに適した場所です。
    例えば。あなたは彼らのために電話とケースを売っています。ユーザーがカテゴリ「電話」フィルタを選択すると「Wi-Fiあり」が表示されます
    が、ユーザーが「ケース」を選択すると、管理者が「Wi-Fiあり」フィルタが
    「電話」カテゴリでのみ表示されるように設定されているため、表示されません
  • フィルタボックスの高さ–フィルタにオプションが多すぎる場合は
    、ページを長くしすぎないようにフィルタの高さを制限すると便利ですスクロールが表示されます。
  • スクロールテーマ–「フィルターボックスの高さ」が設定されていて、ボックスの長さが「フィルターボックスの高さ」より長い場合、スクロールが表示さ
    れ、選択したテーマによって外観が異なります。

詳細設定(プラグイン設定):

  • プラグインの設定は、管理エリアのWooCommerce-> ProductFiltersにあります。
  • 「製品がありません」メッセージ–製品が見つからない場合に表示されるテキスト
  • 「NoProducts」クラス–クラスを追加し、それを使用して「NoProducts」ボックスのスタイルを設定します
  • 製品セレクター–製品を保持しているタグのセレクター
  • 並べ替えの制御–WooCommerceの並べ替え選択ボックスを制御します
  • SEO対応のURL–フィルターを選択/変更するとURLが変更されます
  • すべてのフィルターをオフにする–現在の構成を失わずにフィルターを非表示にする場合は、フィルターをオフにします。

インストール

ステップ1:

  • まず、製品に属性を追加する必要があります(WooCommerceプラグインはすでにインストールされ、アクティブ化されている必要があります)
  • [管理]領域-> [製品]-> [属性]に移動し、製品が持つ属性を追加して、すべて追加します
  • タイプが選択されている属性の名前をクリックして、値を追加します。製品オプションを事前定義する
  • 商品に移動して、それぞれに属性を追加します

ステップ2:

  • プラグインをインストールしてアクティブ化する
  • まず、管理エリア-> WooCommerce->製品フィルターに移動し、管理できるグローバルオプションを確認します
  • その後、[管理領域]-> [外観]-> [ウィジェット]に移動します
  • 利用可能なウィジェット(画面の左側)で、AJAX製品フィルターを見つけます
  • 選択したサイドバーにドラッグします
  • タイトルを入力し、製品のフィルタリングに使用される属性を選択し、フィルタータイプを
    選択し、演算子を選択します(製品にすべての選択された値(AND)またはそれらの1つ(OR)を含めるかどうか)、
  • [保存]をクリックしてショップに移動し、機能を確認します。
  • それだけです=)

プラグインの作者

BeRocket

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/woocommerce-ajax-filters/
Advanced AJAX Product Filtersプラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします。

コメントを残す