[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__ – 商品に含まれるタクソノミーの名称(テキストベースの検索にも使用されます)

