BIBLIOTECA DE SNIPPETS

Ocultar categorias específicas no filtro de taxonomias do Elementor

Esconde opções como “Sem categoria” num filtro do Elementor, sem apagar categorias nem alterar os produtos da grelha.

Antes de começares

Dificuldade: Iniciante
Requisitos: Elementor Pro com Taxonomy Filter ligado a um Loop Grid. Confirma os slugs e a presença do atributo data-filter no HTML do teu widget.
Local de aplicação: CSS da página ou CSS adicional do site. Adiciona a classe ed-filtro-categorias ao widget de filtro em Avançado → Classes CSS.

Como aplicar

Verifica primeiro se a tua versão do widget permite excluir os termos diretamente. Se essa opção servir o objetivo, usa-a.
Para aplicar a alternativa em CSS, adiciona ed-filtro-categorias ao campo Classes CSS do widget, sem o ponto inicial.
Confirma os slugs das categorias. Substitui sem-categoria, vinho e azeite pelos slugs que pretendes ocultar.
Cola o CSS num campo de CSS da página ou do site e guarda. O seletor com a classe limita a alteração ao filtro escolhido.

Como confirmar o resultado

Confirma que os três botões deixaram de aparecer e que os restantes continuam a filtrar.
Verifica a opção “Todos” e o comportamento no telemóvel.
Confirma que outro filtro sem a classe ed-filtro-categorias não foi alterado.

Compatibilidade e limites

Oculta apenas os botões. Não exclui produtos da consulta, não elimina categorias e não impede o acesso por URL. Não uses esta técnica para restringir conteúdo. A marcação interna do widget pode mudar entre versões.

Como desfazer

Desativa ou remove apenas este snippet e limpa a cache relevante. No caso do CSS, remove as regras adicionadas.

Referências técnicas

Elementor — documentação oficial

Código do snippet

Faz uma cópia de segurança e testa num ambiente de desenvolvimento antes de aplicar no site principal. Consulta o local de aplicação indicado neste guia.

.ed-filtro-categorias .e-filter-item[data-filter="sem-categoria"],
.ed-filtro-categorias .e-filter-item[data-filter="vinho"],
.ed-filtro-categorias .e-filter-item[data-filter="azeite"] {
    display: none !important;
}