[woof_front_builder]

À partir de la v.2.3.4/1.3.4

Ce shortcode crée un formulaire de filtre de produits directement sur le front du site à l'aide d'un constructeur visuel. Voici la page de démonstration où vous pouvez gérer ses options comme l'administrateur du site.

La syntaxe complète est : [woof_front_builder name=”My filter form” popup_width=800 popup_height=600]

• name – est un paramètre obligatoire et doit être unique
• popup_width et popup_height sont là pour votre commodité lorsque vous travaillez avec la fenêtre contextuelle

Lorsque ce shortcode est inséré, un bouton spécial apparaît pour l'administrateur du site :

Note : lors du développement d'un nouveau formulaire de filtre sur le front, il est préférable de désactiver le recomptage dynamique pour permettre au formulaire de se redessiner plus rapidement. Une fois le formulaire terminé, activez le recomptage dynamique si nécessaire.

En cliquant sur ce bouton, une fenêtre contextuelle déplaçable s'ouvre où vous pouvez :

• ajouter une section de filtre à l'aide du menu déroulant en haut
• réorganiser les sections de filtre ajoutées
• définir les paramètres généraux du filtre
  
• Chaque élément de filtre possède également ses propres options [selon son type] :
  
  
• Tous les éléments de filtre ont un onglet 'Layout' où il est possible de définir leur largeur personnelle en px et en %, ce qui permet de gérer la disposition des éléments de filtre plus efficacement :
  
• Jouez simplement avec ses options pour voir ce qui correspond le mieux à vos besoins commerciaux …

Note : activer l'option ‘Is AJAX‘ n'a pas de sens si le support AJAX n'est pas activé dans l'option du plugin [tab Options -> Try to ajaxify the shop] OU si vous utilisez le shortcode [woof_products], utilisez-y également l'attribut ‘is_ajax‘ : [woof_products is_ajax=1]

Note : pour le support mobile, utilisez le shortcode [woof_mobile] placé à l'endroit où le bouton mobile doit apparaître en mode mobile. Et n'oubliez pas d'activer dans l'option du shortcode ‘Mobile mode‘

Conseil : comment insérer un filtre HUSKY au-dessus des produits ? Dans le fichier functions.php du thème WordPress actuel, ajoutez le code suivant :

add_action('woocommerce_before_shop_loop', function () {
    if (!WOOF_REQUEST::isset('woof_before_shop_loop_done')) {
        echo do_shortcode('[woof_front_builder name="top filter"]');
    }
}, 2);

L'attribut ‘name‘ peut avoir n'importe quel nom, mais il doit être unique.