Elementor商品フィルター：HUSKYをElementorで使う
HUSKYはElementorで構築したWooCommerceショップで動作します。Shortcodeウィジェットに[woof]ショートコードを入れて任意のページにフィルターを追加するか、通常のウィジェットとしてサイドバーに配置してください。
商品グリッドをElementor自身が生成している場合（独自ループや商品テンプレート）、子テーマのfunctions.phpに次のコードを追加してグリッドをフィルターに接続します。
add_action('pre_get_posts', function ($query) {
if (defined('ELEMENTOR_VERSION')) {
if (is_object($query) AND isset($query->query['post_type'])) {
if ($query->query['post_type'] === 'product' /* AND is_page(__YOUR_PAGE_ID__)*/) {
global $WOOF;
if (is_object($WOOF) AND !empty(woof()->get_request_data())) {
woof()->woof_products_ids_prediction(true);
$query->query_vars['post__in'] = $_REQUEST['woof_wp_query_ids'];
}
}
}
}
return $query;
});特定のページだけで絞り込みを動かすには、is_page(__YOUR_PAGE_ID__)のコメントを外してください。
HUSKYが有効な状態でElementorエディターが開かなくなった場合は、HUSKYウィジェットのElementor登録を解除します。
add_action('elementor/widgets/widgets_registered', function($widgets_manager)
{
$widgets_manager->unregister_widget_type('wp-widget-woof_widget');
});