HUSKY - Product Filter for WooCommerce

Image — 画像スウォッチ

フロントエンドにタクソノミーのターム(用語)を画像として表示します。商品属性やカスタムタクソノミーに使用します。また、各タームの設定ページで、フロントエンドのツールチップ用に追加の情報テキストを設定することも可能です。

使用するには、商品属性またはカスタムタクソノミーの表示タイプとして‘画像‘を選択し、保存ボタンを押してください。ページがリロードされた後、各タームに画像リンクを設定できます:

各タームには、必要に応じて独自のCSSスタイルを設定することもできます(歯車アイコンのボタンを使用):

ちなみに、このような色・画像の機能は、Smart Designerでも再現できます!

この拡張機能には追加オプションがあります:

  • タイトルラベルを表示 – フロントエンドでのタクソノミーブロックのタイトル表示/非表示
  • トグルボタンを表示 – HTMLアイテムのブロック上部、フロントエンドのタイトル近くにトグルボタンを表示
  • ツールチップ – ツールチップの表示/非表示
  • 折りたたまないターム数 – 表示するターム数を入力し、それ以外を折りたたみ可能にします。「もっと見る」ボタンが表示されます。この機能はラジオボタン、チェックボックス、ラベル、カラーの各タイプで動作します。表示ボタンに関する詳細情報はこちら
  • タクソノミーのカスタムラベル – 例えば、商品カテゴリーのタイトルを「My Products」と表示したい場合に使用します。便宜のための設定です。ネイティブのタクソノミー名を使用する場合は空欄のままにします
  • タームの並び替え – フィルターブロック内でのタームの並び順
  • タームの並び順方向 – フィルターブロック内でのタームの並び方向(ASC/DESC
  • フィルタリングのロジックANDまたはORANDを選択すると、選択された両方のタームを同時に含む商品が見つかります。NOT INを選択すると、選択されたタームを持たない商品が見つかります(包含の逆:除外)
  • 画像タイトルを表示 – 画像の下にタイトルを表示
  • ラジオボタンとして動作 – 色/画像をラジオボタンとして使用(1つのフィルター項目のみ選択可能

デモ例 #1:https://demo.products-filter.com/all-by-images-only/

デモ例 #2:https://demo-sd.products-filter.com/

 


注意:サイトでWPMLを使用して商品を管理しているユーザー向け:デフォルトの拡張機能はWPMLと正しく動作しません。これはオプションを現在の1言語分しか保存しないためです。その場合は以下の手順を実行してください:

  • Extensions」タブに移動し、デフォルトのImage拡張機能を無効にして保存ボタンを押します
  • https://codecanyon.net/downloads にアクセスし、WOOFバンドルをダウンロードします
  • 解凍します
  • その中にある wp-content フォルダーをFTPでサイトにアップロードします
  • プラグイン設定の「Advanced」タブで、「Custom extensions folder」に「my_woof_extensions」と入力して保存します
  • Extensions」タブで「Image 2」拡張機能をチェックし、オプションを保存します
  • これで、画像タイプとして選択したタクソノミーの各タームで、次の画面のように画像を選択できるようになります:
    画面のリンク:wp-admin/edit-tags.php?taxonomy=pa_size&post_type=product

フック