[woof_front_builder]

Dalla v.2.3.4/1.3.4

Questo shortcode crea un modulo di filtro prodotti direttamente sul front-end del sito utilizzando un costruttore visivo. Ecco la pagina demo dove puoi gestire le sue opzioni come l'amministratore del sito.

La sintassi completa è: [woof_front_builder name=”My filter form” popup_width=800 popup_height=600]

• name – è un parametro obbligatorio e deve essere unico
• popup_width e popup_height sono solo per comodità quando si lavora con il popup

Quando questo shortcode viene inserito, apparirà un pulsante speciale per l'amministratore del sito:

Nota: quando si sviluppa sul front-end un nuovo modulo di filtro, è meglio disabilitare il ricalcolo dinamico per permettere al modulo di ridisegnarsi più velocemente. Dopo che il modulo è completato, abilitare il ricalcolo dinamico se necessario.

Cliccando su questo pulsante si apre una finestra popup spostabile dove puoi:

• aggiungere una sezione filtro utilizzando il menu a tendina in alto
• riordinare le sezioni filtro aggiunte
• impostare le impostazioni generali del filtro
  
• Anche ogni elemento del filtro ha le proprie opzioni [a seconda del suo tipo]:
  
  
• Tutti gli elementi del filtro hanno la scheda ‘Layout‘ dove è possibile impostare la loro larghezza individuale in px e %, che ti consente di gestire il layout degli elementi del filtro in modo più efficace:
  
• Gioca con le sue opzioni per vedere cosa si adatta meglio alle tue esigenze aziendali …

Nota: abilitare l'opzione ‘Is AJAX‘ non ha senso se non è abilitato il supporto AJAX nell'opzione del plugin [tab Options -> Try to ajaxify the shop] OPPURE se si utilizza lo shortcode [woof_products] usare lì anche l'attributo ‘is_ajax‘: [woof_products is_ajax=1]

Nota: per il supporto mobile, utilizzare lo shortcode [woof_mobile] posizionato nel punto in cui il pulsante mobile deve apparire in modalità mobile. E non dimenticare di abilitare nell'opzione dello shortcode ‘Mobile mode‘

Suggerimento: come inserire qualsiasi filtro HUSKY sopra i prodotti? Nel file functions.php del tema WordPress corrente aggiungi il seguente codice:

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'attributo ‘name‘ può avere qualsiasi nome, ma deve essere unico