[woof_front_builder]

À partir de v.2.3.4/1.3.4

Ce shortcode permet de créer un formulaire de filtre directement sur le front du site à l'aide d'un constructeur spécial. 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 nom=”Mon formulaire de filtre” popup_width=800 popup_height=600]

• nom – est un paramètre requis, et doit être unique
• popup_width et popup_height est juste pour votre commodité lorsque vous travaillez avec le popup

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

Remarque: lors du développement sur le front-end, il est préférable de désactiver le nouveau formulaire de filtre pour que le formulaire se redessine plus rapidement. Une fois le formulaire terminé, activez le nouveau calcul si nécessaire

Si vous cliquez sur ce bouton, une fenêtre pop-up mobile apparaîtra où vous pourrez :

• ajouter une section de filtre en utilisant le menu déroulant supérieur ici
• réorganiser les sections de filtre ajoutées
• définir les paramètres généraux pour le filtre
  
• Chaque élément de filtre a aussi ses propres options [en fonction de son type]:
  
  
• Tous les éléments de filtre ont un onglet ‘Mise en page‘ où il est possible de définir sa largeur personnelle en px et %, cela permet de gérer plus efficacement la mise en page des éléments de filtre :
  
• Jouez avec ses options pour voir ce qui correspond le mieux à vos besoins commerciaux…

Remarque: activer l'option ‘Est AJAX‘ n'a aucun sens si le support AJAX n'est pas activé dans les options du plugin [onglet Options -> Essayez d'ajaxifier la boutique] OU si vous utilisez le shortcode [woof_products] utilisez également l'attribut ‘is_ajax‘ : [woof_products is_ajax=1]

Remarque: 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 'Mode mobile‘

Indice: comment insérer n'importe quel 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);

Attribut 'nom‘ peut avoir n'importe quel nom, mais unique