Filtre de produits pour Elementor : utiliser HUSKY avec Elementor

HUSKY fonctionne avec les boutiques WooCommerce créées dans Elementor. Ajoutez le filtre sur n'importe quelle page avec le shortcode [woof] dans un widget Shortcode, ou laissez-le dans la barre latérale comme widget classique.

Si la grille de produits est générée par Elementor lui-même (boucle personnalisée ou modèle de produits), reliez-la au filtre avec ce code dans le functions.php du thème enfant :

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;
});

Décommentez is_page(__YOUR_PAGE_ID__) pour limiter le filtrage à une seule page.

Si l'éditeur Elementor ne s'ouvre plus quand HUSKY est actif, désenregistrez le widget HUSKY d'Elementor :

add_action('elementor/widgets/widgets_registered', function($widgets_manager)
{

    $widgets_manager->unregister_widget_type('wp-widget-woof_widget');

});

Voir aussi: Compatibilité avec Elementor, Rendez les constructeurs de pages et les modèles personnalisés filtrables