HUSKY - Product Filter for WooCommerce

[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