HUSKY - Product Filter for WooCommerce

Color — Amostras de Cores

Mostra os termos das taxonomias no front-end como caixas de seleção/botões de rádio coloridos. Use para atributo de cor ou taxonomia personalizada. Pode ser usado com código hexadecimal de cor e também como link de imagem. Além disso, é possível adicionar texto informativo adicional para dica de ferramenta no front-end para cada termo em sua página de configurações.

Para usá-lo, selecione o tipo de visualização ‘Color‘ para atributo de produto ou taxonomia personalizada e pressione o botão Save. Após recarregar a página, você pode definir o código de cor e o link da imagem para cada termo:

Você também pode aplicar imagens da sua galeria de mídia em vez de cor, basta pressionar o botão ‘Select Image‘.

A propósito, essa funcionalidade de cor/imagem pode ser repetida usando o Smart Designer!

Esta extensão possui opções adicionais:

  • Mostrar rótulo do título – mostrar/ocultar o título do bloco de taxonomia no front-end
  • Mostrar botão de alternância – mostrar botão de alternância próximo ao título no front-end acima do bloco de itens HTML
  • Dica de ferramenta – mostrar/ocultar dica de ferramenta
  • Contagem de termos não alternados – insira a quantidade de termos que devem ficar visíveis para tornar todos os outros recolhíveis. O botão “Show more” aparecerá. Este recurso funciona com: rádio, caixas de seleção, rótulos, cores. Informações avançadas sobre o botão de mostrar estão aqui
  • Rótulo personalizado da taxonomia – por exemplo, você deseja mostrar o título de Categorias de Produto como “My Products”. Apenas para sua conveniência. Deixe em branco para usar o nome nativo da taxonomia
  • Ordenar termos – como ordenar os termos dentro do bloco de filtro
  • Direção da ordenação dos termos – direção dos termos ordenados dentro do bloco de filtro (ASC/DESC)
  • Lógica de filtragemAND ou OR: selecionar AND encontra produtos que contenham ambos os termos selecionados ao mesmo tempo; selecionar NOT IN encontra itens que NÃO possuem os termos selecionados – o oposto de incluir: excluir
  • Texto da dica de ferramenta – insira o texto da dica de ferramenta se necessário
  • Mostrar em uma coluna – mostrar em uma coluna com título
  • Comportamento como botão de rádio – usar cor/imagem como botão de rádio (apenas um item de filtro pode ser selecionado)

 

Exemplo de demonstração #1: https://demo.products-filter.com/clothing-by-color-only/

Exemplo de demonstração #2: https://demo-sd.products-filter.com/


Mais informações:


Atenção para usuários que estão usando WPML no site para produtos: a extensão padrão não funciona corretamente com WPML, pois salva opções apenas para um idioma – o atual. Nesse caso, siga os próximos passos:

  • Na guia ‘Extensions‘, desabilite a extensão Color padrão e pressione o botão Save
  • Vá para https://codecanyon.net/downloads e baixe o pacote HYSKY
  • Descompacte-o
  • Você encontrará a pasta wp-content lá – faça upload dela no seu site via FTP
  • Nas configurações do plugin, na guia ‘Advanced’, escreva no campo “Custom extensions folder” o valor “my_woof_extensions” e salve
  • Na guia ‘Extensions‘, marque a extensão ‘Color 2’ e salve as opções
  • Agora é possível, em cada termo da taxonomia que você selecionou como tipo Color, selecionar a cor conforme a tela a seguir:

    Link da tela: wp-admin/edit-tags.php?taxonomy=pa_color&post_type=product