HUSKY - Product Filter for WooCommerce

[woof_quick_search_results]

クイックサーチによるインスタント商品検索の結果ブロックを出力します。

有効にする必要がある拡張機能Quick Search

  • per_page – 1ページあたりの商品数
  • template_result – 定義が必要です。定義済みテンプレートは5つあります:list_1 | list_2 | list_3 | grid_1 | grid_2。カスタムテンプレートを作成(以下を参照)して使用することも可能です。現在のWordPressテーマに 'woof_qs_templates' フォルダを作成し、wp-content\plugins\woocommerce-products-filter\ext\quick_search\views\templates にある任意の定義済みテンプレートを配置するか、サンプルとしてこちらのカスタムテンプレートをダウンロードし、CSSをお好みでカスタマイズしてください。template_result属性には、'custom/custom_1' のように記述します。最初の 'custom' は固定で、その後に '/' とテンプレートが配置されているフォルダ名を指定します
  • always_show_products – (1/0)1の場合は常に商品を表示、0の場合は検索リクエストがあったときのみ商品を表示
  • template_structure – テンプレートに表示できる5つのフィールド。例:img,title,price,sku,key_words(グリッドテンプレートでは一部のみ機能)
  • orderby – デフォルトの並び順(title-asc)。指定可能な値:title-asc | title-desc | price-asc | price-desc
  • header_text – テンプレートヘッダーのタイトル。デフォルトは空文字列

:[woof_quick_search_results template_result=’grid_1′ always_show_products=1 per_page=9 template_structure=’title,img,price,key_words’ orderby=’price-desc’ header_text=”My Products”]

次のショートコードとのみ連携:[woof_quick_search] で、検索結果を表示します


使用可能なフック:


カスタムテンプレートの作成方法:(上級者向け

  • ダウンロード このカスタムテンプレート
  • 現在のWordPressテーマに 'woof_qs_template' フォルダを作成
  • ダウンロードしたファイルを解凍し、テンプレートをアップロード
  • ファイル woof_qs_template/custom_1/output.php を開き、必要に応じて構造を変更します。CSSは woof_qs_template/custom_1/css/ custom_1.css で変更してください
  • テンプレートで使用する特別なキーとクラス:

  • 1,2,3,4 – テンプレートに必要なクラス。woof_qs_result – テンプレートコンテナをラップするクラス
  • woof_qs_container – 要素(商品)を挿入するコンテナのクラス
  • woof_qs_item – アイテム(商品)のクラス
  • woof_qs_no_products_item – 検索結果に商品がない場合のアイテムクラス
  • 5 – 価格とタイトルで並べ替えるドロップダウンフォームを表示
  • 6 – タイトルで並べ替えを表示
  • 7 – 価格で並べ替え
  • 8,9 – ページネーションを表示
    • __SRC__ – <img /> タグ内で 'src' 属性とその値を生成。例:src='http://site.com/uploads/image.png'
    • __IMG__ – 商品画像を生成
    • __URL__ – 商品ページへのURL
    • __TARGET__ – リンクのターゲット値(_self または _blank(新しいタブで開く))
    • __TITLE__ – 商品のタイトル
    • __PRICE__ – 商品の価格
    • __SKU__ – 商品のSKU
    • __KEY_WORDS__ – 商品に含まれるタクソノミーの名称(テキストベースの検索にも使用されます