O Filtro de Produtos – widget de Categorias que faz parte da Pesquisa de Produtos WooCommerce fornece um filtro ao vivo da categoria de produtos para a sua loja. Enquanto seus clientes escolhem a categoria desejada, ele encontra produtos correspondentes e os mostra na página da loja.

Este filtro ao vivo mostra as categorias de produtos que o cliente pode clicar. Ele atualizará a página da loja para incluir produtos dentro da categoria escolhida.

Estilos Voltar ao início

O filtro da categoria oferece vários estilos que proporcionam uma visão alternativa e experiência do usuário. Estes podem ser personalizados e incluem a opção de mostrar miniaturas para cada termo.

O estilo Listar mostra termos de uma forma vertical onde os termos dos pais podem ser expansíveis para mostrar os termos dos filhos quando o visitante pai paira sobre eles. As configurações podem ser usadas para afinar a aparência e comportamento.

Similiar no comportamento ao estilo List, o estilo Inline torna os termos mais horizontais.

> O estilo Dropdown também é pesquisável e oferece configurações para mostrar miniaturas tanto na lista como para os termos escolhidos. Ele pode expandir na interação do usuário ou ser usado com uma altura flexível ou fixa.

> O estilo Select mais tradicional é mais simples, mas semelhante ao Dropdown. Seu tamanho também pode ser especificado para que você possa usar uma versão mais compacta ou expandida para mostrar um número de termos.

Todos esses estilos têm configurações específicas que permitem personalizar sua aparência e criar uma experiência de usuário adequada. Além disso, os filtros de atributos também oferecem estes estilos.

Configurações Voltar ao topo

As configurações aqui delineadas determinam a aparência e comportamento do widget do filtro.

• O campo Título permite que você defina o título do widget. Recomendamos deixá-lo vazio e deixar o widget exibir seu título automaticamente, pois ele irá se esconder quando não houver categorias correspondentes para exibir e mostrar quando houver automaticamente. Se você usar este título, este não é o caso.

Heading Voltar ao topo

• Show heading – Esta opção irá exibir o título para este filtro.
• Heading – Você pode inserir um título personalizado aqui ou deixá-lo vazio para usar o padrão. O cabeçalho não será exibido quando não houver termos para mostrar.
• Heading for no results – Você pode inserir o texto de um cabeçalho alternativo para ser exibido quando não houver resultados.

Display Back to top

Dependente do Estilo escolhido, algumas opções podem ou não estar disponíveis.

• Mostrar apenas nas páginas da loja – Use esta opção para mostrar o widget apenas nas páginas relevantes da loja. Isto inclui a página da loja, etiqueta do produto e páginas da categoria do produto, etc.
• Style – Oferece opções sobre como exibir os termos: Listar, Inline, Selecionar ou Dropdown.
• Mostrar miniaturas / Pais – Habilite esta opção para mostrar as miniaturas dos termos. Uma opção separada é fornecida para mostrar miniaturas para os termos dos pais.
• Show thumbnails for selected – Disponível quando Dropdown é escolhido como Style. Se ativado, exibe miniaturas também para os termos selecionados.
• Show names / Parents – Habilite esta opção para mostrar os nomes dos termos. Uma opção separada é fornecida para mostrá-los para os termos parentais.
• Mostrar contagens de produtos – Se ativado, o número de produtos relacionados por termo será mostrado.
• Ocultar termos sem produtos – Isto irá automaticamente ocultar termos que não têm produtos relacionados.
• Texto sem seleção – Esta opção está disponível quando Dropdown é selecionado como Estilo e determina o texto que é mostrado no campo Dropdown quando nenhum item é selecionado.
• Número de termos – Se um número é dado, isto limita o número de termos mostrados.
• Tamanho – Disponível quando Select é escolhido como Estilo. Determina o tamanho de exibição da caixa de seleção.
• Altura – Disponível quando a opção Dropdown é escolhida como Estilo. Se deixado em branco, as escolhas do dropdown são mostradas abaixo quando o campo ganha foco. Se um número simples for introduzido, por exemplo 5, o Dropdown adoptará uma altura fixa para mostrar o número de entradas indicado. Se for usado um número com uma unidade CSS*, por exemplo 120px, o Dropdown adotará uma altura fixa de acordo com a unidade indicada. *Unidades VCC com VCC: px, mm, cm, in, pt, pc, em , ex, ch, rem, vw e vh.
• Alternar o componente – Ocultar o componente do filtro quando ele não tiver opções, “sim” (por padrão) ou “não”.
• Alternar o widget – Ocultar o widget quando o componente não tem opções, “yes” (por padrão) ou “no”.

Ordem Voltar ao topo

• Ordenar por … – Usar esta opção para determinar a ordem em que os termos são mostrados. Você pode escolher ordená-los por um dos vários critérios, como por exemplo o Nome do termo para ordenação alfabética ou o Termo ordem para exibi-los como estabelecido na lista de categorias de produtos.

Navigação Voltar ao início

As opções nesta seção determinam como a hierarquia de categorias de produtos é apresentada ao visitante e como ele irá interagir.

Se você usar os valores padrão, as categorias raiz aparecerão e seus filhos serão escondidos.

Se você pairar sobre uma categoria com filhos, ele irá expandir e revelar seus filhos. Isto continua enquanto há filhos mais abaixo na hierarquia.

Em dispositivos habilitados para toque, você pode tocar no símbolo de expansão de uma categoria para mostrar seus filhos.

Aqui está um exemplo mostrando apenas as categorias raiz com seus expansores:

Aqui está a mesma área mas agora os filhos de ambas as categorias foram expandidos:

>

As opções que controlam a experiência de navegação através das categorias de produtos são:

• Expandir Termos Criança – Aqui você pode determinar em que nível as categorias esconderão seus filhos. Por padrão, apenas as categorias raiz são mostradas e se eles tiverem filhos, um símbolo de expansão é mostrado.
• Expandir automaticamente – Isto é ativado por padrão para que as categorias expansíveis revelem seus filhos em pairar automaticamente. Se você desligá-lo, você deve clicar no expansor explicitamente para ver as crianças, assim como você precisa tocá-lo em dispositivos habilitados para toque.
• Retrair automaticamente – Quando você se move fora da área onde as categorias são mostradas, as crianças serão automaticamente escondidas. Isto é ativado por padrão.
• Mostrar expansores – Isto irá mostrar expansores e retractores para categorias com crianças.
• Mostrar a hierarquia dos antepassados – Isto determina se a hierarquia dos antepassados com base no contexto actual é mostrada.
• Mostrar a navegação dos antepassados – Se ativado, são mostrados links adicionais para os antepassados que permitem navegar de volta na hierarquia.

Terms Voltar ao início

• Profundidade – Esta opção permite limitar a profundidade dentro do termo hierarquia.
• Filtro – Esta opção deve ser ativada para filtragem ao vivo.
• Hierárquico – Se os termos devem ser exibidos como uma hierarquia.
• Múltiplos – Se você quiser deixar os visitantes selecionarem mais de um termo, ative esta opção.
• Show – Isto irá determinar se a) todos os termos são mostrados, ou b) com Set, apenas aqueles que estão dentro da hierarquia do termo selecionado são mostrados.
• Termos a incluir – Você pode indicar os termos que devem ser incluídos aqui. Se deixados em branco, todos os termos são exibidos. Indique os termos por ID, slug ou nome e separados por vírgula.
• Termos a excluir – Indique os termos que devem ser excluídos aqui por ID, slug ou nome e separados por vírgula. Se os termos a incluir forem dados, eles substituem este campo completamente – use um deles mas não ambos.
• Termo dos pais – Isto limitará os termos exibidos aos filhos do indicado. O token {current} pode ser usado para limitá-lo aos filhos do termo corrente.

Advanced Back to top

As opções avançadas devem ser deixadas nos seus padrões a menos que haja a necessidade de abordar um caso específico com este filtro.

• Heading ID – Isto define o ID do elemento cabeçalho.
• Heading Class – Isto define a classe do elemento de cabeçalho.
• Heading Element – Aqui você pode escolher qual tag HTML é usada como elemento de cabeçalho.
• Container ID – Isto define o ID do elemento de container principal do filtro.
• Container Class – Isto adiciona à classe do elemento de container principal do filtro.