Como remover as categorias do rodapé na Loja Integrada

Se você está personalizando sua loja virtual e busca um visual mais limpo e estratégico, saber como remover as categorias do rodapé pode fazer toda a diferença. Ao escolher um tema Loja Integrada para a sua vitrine, é comum que alguns elementos padrões — como o bloco de categorias no rodapé — não sejam necessários para o estilo que você deseja transmitir. Neste guia, você vai aprender como ocultar essas categorias de maneira simples e eficiente, utilizando apenas algumas linhas de CSS diretamente no painel da Loja Integrada.

• Método 1: Ocultar TODAS as categorias via CSS
• Método 2: Ocultar uma categoria específica
• Método 3: Ocultar apenas a lista de categorias (mantendo outras seções do rodapé)
• Resumo comparativo
• Como aplicar o CSS na Loja Integrada
• Dicas e boas práticas
• Conclusão

Método 1: Ocultar TODAS as categorias via CSS

1. Acesse o Painel da loja como administrador.
2. Vá em Engrenagem → Inserir HTML/CSS → seção Rodapé (ou “Todas as páginas”).
3. Cole o seguinte CSS:

.links-rodape-categorias {
  display: none !important;
}

Método 2: Ocultar uma categoria específica

Se você deseja esconder apenas algumas categorias específicas (por exemplo, “Destaques” ou “Divulgação”):

1. No editor de CSS do rodapé, use este estilo:

.links-rodape-categorias > li.categoria-id-123456 {
  display: none !important;
}

Substitua 123456 pelo ID real da categoria.

Se necessário, use nth-child():

#rodape > div.institucional.fundo-secundario
  .links-rodape-categorias > ul > li:nth-child(1) {
    display: none;
}

Método 3: Ocultar apenas a lista de categorias (mantendo outras seções do rodapé)

Use o seguinte CSS:

.span4.links-rodape.links-rodape-categorias {
  display: none;
}

Resumo comparativo

Como aplicar o CSS na Loja Integrada

1. Acesse Minha Loja → Visual da Loja → Inserir HTML/CSS.
2. Vá na aba Rodapé ou Todas as páginas.
3. Cole o estilo que atende ao seu objetivo.
4. Salve e limpe o cache (se necessário) para ver o efeito no layout.

Dicas e boas práticas

• Use o Modo Desenvolvedor do navegador (F12) e o inspector para identificar os li.categoria-id-######.
• Combine nth-child() com li.categoria-id-XYZ se necessário.
• Após atualizar categorias, revise o CSS — IDs podem mudar.
• Se mudanças não aparecem, limpe o cache do navegador.

Conclusão

• Para ocultar todas as categorias: .links-rodape-categorias {display:none!important;}
• Para ocultar categorias específicas: use .categoria-id-####
• Para ocultar apenas a seção de categorias no rodapé: .span4.links-rodape.links-rodape-categorias {display:none;}