[woof_front_builder]
A partir da v.2.3.4/1.3.4
Este shortcode cria um formulário de filtro de produtos diretamente no front do site usando um construtor visual. Aqui está a página demo onde você pode gerenciar suas opções como o administrador do site.
A sintaxe completa é: [woof_front_builder name=”My filter form” popup_width=800 popup_height=600]
- name – é um parâmetro obrigatório e deve ser único
- popup_width e popup_height são apenas para sua conveniência ao trabalhar com o popup
Quando este shortcode é inserido, aparecerá um botão especial para o administrador do site:

Nota: ao fazer desenvolvimento no front do novo formulário de filtro, é melhor desabilitar a recontagem dinâmica para que o formulário seja redesenhado mais rapidamente. Após o formulário estar pronto – ative a recontagem dinâmica se necessário
Clicar neste botão abre uma janela popup móvel onde você pode:
- adicionar seção de filtro usando o menu suspenso superior
- reordenar as seções de filtro adicionadas
- definir configurações gerais para o filtro

- Além disso, cada elemento de filtro tem suas próprias opções [dependendo do seu tipo]:


- Todos os elementos de filtro têm a aba ‘Layout‘ onde é possível definir sua largura pessoal em px e %, o que permite gerenciar o layout dos elementos de filtro de forma mais eficaz:

- Apenas brinque com suas opções para ver o que mais se adequa às necessidades do seu negócio …
Nota: ativar a opção ‘Is AJAX‘ não faz sentido se o suporte para AJAX não estiver habilitado na opção do plugin [tab Options -> Try to ajaxify the shop] OU se você estiver usando o shortcode [woof_products], use também o atributo ‘is_ajax‘: [woof_products is_ajax=1]
Nota: para suporte móvel, use o shortcode [woof_mobile] colocado no local onde o botão móvel deve aparecer no modo móvel. E não se esqueça de ativar na opção do shortcode ‘Mobile mode‘

Dica: como inserir qualquer filtro HUSKY acima dos produtos? No arquivo functions.php do tema atual do WordPress, adicione o seguinte código:
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);
O atributo ‘name‘ pode ter qualquer nome, mas deve ser único