Imagem
Mostra termos de taxonomia no front como imagens. Use para atributo de produto ou taxonomia personalizada. Também é possível adicionar informações de texto adicionais para tooltip no front para cada termo em sua página de configurações.
Para usá-lo, selecione o tipo de visualização ‘Imagem‘ para atributo de produto ou taxonomia personalizada, e pressione Salvar botão. Após a recarga da página, você pode definir o link da imagem para cada termo:
Para cada termo você também pode definir seus próprios estilos css se necessário (use o botão com engrenagem):
Aliás, tal funcionalidade de cor/imagem você pode repetir usando Smart Designer!
Esta extensão tem opções adicionais:
- Mostrar rótulo do título – mostrar/ocultar título do bloco de taxonomia no front-end
- Mostrar botão de alternância – mostrar botão de alternância perto do título na frente, acima do bloco de html-itens
- Tooltip – mostrar/ocultar tooltip
- Contagem de termos não alternada – insira a contagem de termos que devem ser visíveis para tornar todos os outros recolhíveis. “Mostrar mais” o botão aparecerá. Este recurso funciona com: rádio, checkboxes, rótulos, cores. Informações avançadas sobre o botão show-button está aqui
- Rótulo personalizado de taxonomia – por exemplo, você quer mostrar o título das Categorias de Produtos como “Meu Produtos”. Apenas para sua conveniência. Deixe vazio para usar o nome nativo da taxonomia
- Ordenar termos – como ordenar termos dentro do bloco de filtro
- Direção da ordenação de termos – direção dos termos ordenados dentro do bloco de filtro (ASC/DESC)
- Lógica de filtragem – AND ou OR: se selecionar AND e no front-end do site seleciona 2 termos – serão encontrados produtos que contêm ambos os termos ao mesmo tempo. Se selecionar NÃO EM serão encontrados itens que não têm termos selecionados – significa o oposto do conceito de incluir: excluir
- Mostrar título da imagem – mostrar título da imagem abaixo da imagem
- Comportamento como botão de rádio – use 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/all-by-images-only/
Exemplo de demonstração nº 2: https://demo-sd.products-filter.com/
Atenção para usuários que usam WPML no site para produtos: a extensão padrão não funciona corretamente com WPML, pois salva opções para apenas um idioma – o atual. Nesse caso, siga estas etapas:
- Vá para a aba ‘Extensões‘ desabilita a extensão de Imagem padrão e clique no botão Salvar
- Ir para https://codecanyon.net/downloads e baixe o pacote WOOF
- Descompacte-o
- Você encontrará a pasta wp-content lá – faça o upload no seu site via FTP
- Nas configurações do plugin na aba ‘Avançado‘ escrever em “Pasta de extensões personalizadas” valor “my_woof_extensions” e salve
- Na aba ‘Extensõesverifique a extensão 'Image 2' e salve as opções
- Agora é possível em cada termo de taxonomia que você selecionou como tipo de Imagem selecionar imagem como na próxima tela:
Link da tela: wp-admin/edit-tags.php?taxonomy=pa_size&post_type=product
Hooks: