HUSKY - Products Filter Professional for WooCommerce

[woof_front_builder]

Da v.2.3.4/1.3.4

Este shortcode permite criar um formulário de filtro diretamente no front-end do site usando um construtor especial. Aqui está a página de demonstração onde você pode gerenciar suas opções como o administrador do site.

A sintaxe completa é: [woof_front_builder nome=”Meu formulário de filtro” popup_width=800 popup_height=600]

  • nome – é um parâmetro obrigatório e deve ser único
  • popup_width e popup_height é apenas para sua conveniência ao trabalhar com pop-up

Quando este shortcode for inserido, aparecerá um botão especial para o administrador do site:

Observação: ao desenvolver no front-end, é melhor desativar a contagem dinâmica para que o formulário seja redesenhado mais rapidamente. Após o formulário ser concluído – ative a contagem dinâmica, se necessário

Se clicar neste botão, aparecerá uma janela pop-up móvel onde você pode:

  • adicione a seção de filtro usando o dropdown superior lá
  • reordenar 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 uma aba ‘Layout‘ onde é possível definir sua largura pessoal em px e %, ele permite gerenciar o layout dos elementos do filtro de forma mais eficaz:
  • Basta brincar com suas opções para ver o que mais se adapta às necessidades do seu negócio…

Observação: habilitando a opção ‘É AJAX‘ não faz sentido se o suporte para AJAX não estiver habilitado na opção do plugin [aba Opções -> Tente fazer o shop ajaxificar] OU se você estiver usando o shortcode [woof_products] use também o atributo ‘is_ajax‘: [woof_products is_ajax=1]

Observação: para suporte móvel use shortcode [woof_mobile] colocado no local onde o botão mobile deve aparecer no modo mobile. E não se esqueça de ativar na opção do shortcode ‘Modo mobile


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);

Atributo ‘nome' podem ter qualquer nome, mas únicos