Criando seu primeiro filtro WooCommerce
Após a instalação do plugin, vamos adicionar um filtro de produtos à sua loja WooCommerce. Aqui estão as maneiras de fazer isso:
Filtro automático
- A partir das versões v.3.3.4/v.1.3.4, use o shortcode [woof_front_builder name=’My Filter’] para colocar o filtro em um widget de texto, parte de conteúdo ou qualquer outro lugar da sua loja. Dessa forma, você monta um filtro exclusivo diretamente no front-end do site e define suas opções ali mesmo.
- Esta é a maneira mais rápida de definir o filtro para os produtos, e, aliás, você o verá instantaneamente na página da loja após a instalação do plugin

- Se você quiser desabilitar o filtro automático, vá para tab Options -> ‘Set filter automatically‘ selecione ‘No‘ lá e depois salve as configurações. Além disso, para seus clientes, você pode definir este filtro para alguns casos como: Mostrar apenas para dispositivos móveis OU Mostrar apenas para desktop

Widget
- Vá para a página Widgets
- Selecione a barra lateral que deseja usar
- Clique no botão de adicionar (+) lá
- Digite no campo de pesquisa a palavra-chave ‘husky‘
- Clique no ícone do widget encontrado

- Defina as opções dentro do widget instalado, se necessário:
- Título – defina o título do seu filtro ou deixe-o vazio
- Texto adicional antes – qualquer texto antes do filtro, se necessário
- Redirecionar para – link de redirecionamento para sua página de filtro especial, se necessário pela lógica de negócios da sua loja
- Ocultar formulário de pesquisa por padrão e mostrar um botão – se você tiver um filtro grande e não quiser exibi-lo aos seus clientes (ou se for grande e tornar o carregamento da página mais lento) selecione Sim para esta opção
- Recontagem dinâmica – se ativado, durante a filtragem do usuário, será mostrado ao lado dos elementos do filtro a contagem real de produtos
- Envio automático – se selecionar Sim, a filtragem começa imediatamente se o usuário alterar qualquer item de filtro no formulário de pesquisa. Se selecionar Não – o usuário deve pressionar o botão Filtrar
- Posição do botão de envio – onde mostrar o botão de redefinição do filtro
- Redesenho do formulário por AJAX – Redesenha o formulário de pesquisa por AJAX, e para iniciar a filtragem, o botão “Filter” deve ser pressionado. Útil quando se usa lista suspensa hierárquica, por exemplo
- Modo mobile – Oculta o widget em dispositivos móveis e um botão aparece para mostrar o filtro
- Pressione o botão Atualizar da página de Widgets
- Pronto para usar!
Shortcode
Você pode usar o shortcode [woof] no widget de texto ou em qualquer lugar do seu site onde seja possível configurá-lo, de acordo com as possibilidades do tema WordPress atual
Aviso: lembre-se, na mesma página pode haver apenas um filtro