HUSKY - Product Filter for WooCommerce

Slideout — スライドアウトフィルターパネル

この拡張機能は、フィルターをスライドアウトコンテナに表示します。ショップ全体または個別のページのみに表示可能です。単一ページではショートコードとして表現できます。オプションは「Advanced」タブにあります。

コード例: [woof_slideout image_h=50 image_w=50 location=right speed=100 action=click offset=”100px” onloadslideout=false ][/woof_slideout].

ショートコードは、特別なボタン「Generate shortcode」で生成できます(下のスクリーンショット参照)。

デモページ: https://demo.products-filter.com/slideout/

オプションは以下の通りです。

  • グローバル表示 – ショップページでスライドアウトを表示/非表示
  • ボタンの種類 – 画像またはテキスト。ボタン画像は、オプションの下でデフォルトの「Slideout image」フィールドの代わりに選択できます。テキストの場合は、オプションの下に「Slideout text」を挿入できます。
    • Slideout image – ボタン用画像のURL
    • Button image size – ボタン画像の幅×高さ(px)
    • Slideout text – ボタンのテキスト
  • 位置 – スライドアウトボタンの表示位置:
  • 速度 – ポップアップアニメーションの速度(ms
  • アクション – スライドアウトポップアップの表示方法:クリックまたはホバー
  • オフセット – ボタンのオフセット(px)。ウィンドウの端から上または左からの距離
  • コンテナサイズ – ポップアップHTMLコンテナの幅と高さ(px
  • 初期化後の状態 – ページ読み込み後のスライドアウトポップアップの表示方法:開いた状態または閉じた状態
  • モバイル動作 – モバイルデバイスでスライドアウトボタンを表示するかどうか
  • Generate shortcode – このボタンで設定を行い、単一ページ用のショートコードを生成できます。使用後、設定をグローバルにしたくない場合は、ページをリフレッシュして設定の保存を避けてください!