Visibilidade & Condições
A seção Publicar no painel Editar Item permite que você controle quem vê um item, quando e em quais páginas.
Está Publicado
Padrão: ativado (item visível para todos).
Desative isso para ocultar o item do menu ao vivo sem excluí-lo. O item permanece no editor — você pode reativá-lo a qualquer momento.
Use quando:
- Ocultar temporariamente um link de venda sazonal.
- Preparar um item antes que ele fique ao vivo.
- Manter um item de backup sem excluí-lo.
Ocultar quando logado
Quando ativado, o item é visível apenas para visitantes que não estão logados.
Use para:
- Um “Log in” botão — clientes que já estão logados não precisam dele.
- Um “Create account” link.
Mostrar apenas quando logado
Quando ativado, o item é visível apenas para clientes logados.
Use para:
- “My account” link.
- Pontos de fidelidade, histórico de pedidos.
- Recursos reservados para membros.
Ocultar em tipos de página específicos (hidepages)
Use o atributo hidepages em Avançado → Atributos para ocultar um item em certos tipos de página.
Sintaxe:
hidepages=index
hidepages=index|products
hidepages=index|products|collections|pages|blogs|others
| Valor | Páginas ocultas em |
|---|---|
index |
Página inicial |
products |
Páginas de detalhes do produto |
collections |
Páginas de coleção / categoria |
pages |
Páginas estáticas (Sobre, Contato…) |
blogs |
Listagem de blog e páginas de postagens |
others |
Qualquer página que não esteja nas categorias acima |
Separe múltiplos valores com |, sem espaços.
Exemplo: Oculte um “Buy now” botão na página inicial e nas páginas do blog:
hidepages=index|blogs
Ocultar por dispositivo (Móvel / Desktop)
Importante: O Navi+ não possui um alternador móvel/desktop por item. O direcionamento de dispositivos é controlado no nível do menu, não no nível do item.
A abordagem correta:
- Vá para a aba Publicar do menu → ative Móvel e Desktop para todo o menu.
- Crie dois menus separados — um para móvel, um para desktop — e defina o alternador de dispositivo em cada um.
Solução alternativa por item (se realmente necessário):
Use Avançado → CSS com uma consulta de mídia:
/* Oculte este item apenas no móvel */
@media (max-width: 767px) { display: none !important; }
/* Oculte este item apenas no desktop */
@media (min-width: 768px) { display: none !important; }
Resumo
| Condição | Como definir |
|---|---|
| Ocultar completamente | Está Publicado → desativado |
| Ocultar de usuários logados | Ocultar quando logado → ativado |
| Ocultar de convidados | Mostrar apenas quando logado → ativado |
| Ocultar na página inicial | Atributos: hidepages=index |
| Ocultar no móvel | CSS: @media (max-width: 767px) { display: none !important; } |
| Ocultar no desktop | CSS: @media (min-width: 768px) { display: none !important; } |