WooCommerceのPickPlugins製品フィルター | PickPlugins
WooCommerceのPickPlugins製品フィルター

WooCommerceのPickPlugins製品フィルター | PickPlugins

説明

すべてのWooCommerceサイトは、優れたeコマースサイトになるために、優れたWooCommerce製品フィルターシステムを必要とします。オンラインショップにはたくさんの商品が入っているので、誰もがすぐに何かを見つけるのはちょっと難しいです。顧客がeコマースサイトにアクセスすると、急いでいます。通常、オンラインショッピングは、買い物にかかる時間が短いため、多くの人にとってはるかに好ましいものです。それで、人が急いでいて買い物をしなければならないとき、彼または彼女は何を必要とするでしょうか?彼らはそのサイトで検索入力ボックスを検索します。その検索ボックスに、希望する商品名、色などを入力すると、商品が画面に表示されます。彼らはそれを買うでしょう!ブーム!!買い物が行われます。この種のタスクは、優れたWooCommerce製品フィルタープラグインを追加することによってのみ可能です。Pickpluginは、WooCommerceSearchプラグイン用にこのようなタイプのプラグインを開発しました。

HTTP://PICKPLUGINS.COMによるWOOCOMMERCEのPICKPLUGINS製品フィルター

ビデオチュートリアル

プラグインの機能

  • キーワードでフィルタリング
  • 製品カテゴリでフィルタリング
  • 商品タグでフィルタリング
  • 価格帯でフィルタリング
  • 注文でフィルタリング&注文で
  • フィルター発売商品
  • 在庫のあるフィルター
  • SKUでフィルタリング

使い方?

「ウィジェット」ページに移動して、ウィジェット「WC製品フィルター」があることを確認してください。これはサイドバーで使用できます。
現在、オプションはありません。まもなく更新されます。

カスタム検索フィールドを追加して製品をフィルタリングするにはどうすればよいですか?

アクションフックとフィルター製品によってカスタム検索フィールドを追加することもできます。

ステップ1:

検索入力フィールドを追加

add_action('WCProductFilter_fields','WCProductFilter_field_my_custom_input', 30);
function WCProductFilter_field_my_custom_input(){

    $WCProductFilter = isset($_GET['WCProductFilter']) ? sanitize_text_field($_GET['WCProductFilter']) :""; // check this to ensure for is submitted from WCProductFilter.
    $_custom_input = isset($_GET['_custom_input']) ? sanitize_text_field($_GET['_custom_input']) :""; // Do not forget to sanitization

    if(!$WCProductFilter):
        $_custom_input = '';
    endif;


    /*
     *
     * you can check conditional here.
     *
     * if(is_shop()):
     * execute code only shop page
     * endif;
     *
     * */

    if(is_shop()):
        // this will only display under shop page and hide others page
        ?>
        <div class="field-wrapper">
            <div class="label-wrapper">
                <label class=""><?php echo __('Custom Input','wc-product-filter'); ?></label>
            </div>
            <div class="input-wrapper">
                <input type="search" placeholder="<?php echo __('Custom input','wc-product-filter'); ?>" name="_custom_input" value="<?php echo $_custom_input; ?>">
            </div>
        </div>
    <?php
    endif;

}

ステップ2

入力変数を確認し、製品クエリ引数を設定します

function wc_pf_query_args_custom_field($args, $form_data){

    //default search query
    $args['s'] = isset($form_data['_custom_input']) ? $form_data['_custom_input'] : '';

    return $args;

}
add_action('wc_pf_query_args', 'wc_pf_query_args_custom_field');

既存の入力フィールドを削除するにはどうすればよいですか?

アクションフックを使用すると、存在する入力フィールドを簡単に削除できます。

remove_action('WCProductFilter_fields','WCProductFilter_field_keyword',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_categories',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_tags',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_price_range',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_order',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_orderby',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_onsale',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_in_stock',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_keyword',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_sku',30);

インストール

  1. 通常のWordPressプラグインとしてインストールします。
  2. WordPressダッシュボードからプラグイン設定に移動し、「WooCommerceのPickPlugins製品フィルター」を見つけてアクティブにします。

プラグインの作者

PickPlugins

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

https://wordpress.org/plugins/wc-product-filter/
WooCommerceのPickPlugins製品フィルタープラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントを残す