Um usuário do tema Habitat 3.7 busca ocultar o header apenas da página “welcome-to-hommes-design”, sem afetar o restante do site.
Problema inicial:
Códigos CSS aplicados na seção Custom CSS ocultavam o header de todo o site, não apenas da página específica
Tentativas com seletores como body.template-page-welcome-to-hommes-design #header não funcionaram
Sugestões da comunidade:
Paula compartilhou links de discussões em inglês sobre como ocultar header/footer em páginas específicas usando código Liquid
Recomendou duplicar o tema antes de fazer alterações e postar na comunidade em inglês para obter ajuda de especialistas
Sugeriu considerar apps da Shopify para construção de páginas personalizadas
Solução encontrada:
O usuário conseguiu resolver o problema adaptando uma solução de um dos links sugeridos (tema Dawn) ao Habitat 3.7. A implementação envolveu inserir código no arquivo theme.liquid usando condicionais Liquid ({% if template == 'page.welcome-to-hommes-design' %}) para ocultar header, footer e announcement bar especificamente naquela landing page.
Status: Resolvido com sucesso.
Summarized with AI on November 6.
AI used: claude-sonnet-4-5-20250929.
Entendo que você está personalizando uma página da loja e deseja ocultar o Header (cabeçalho) apenas para esta página, correto? Realmente, esta personalização precisará ser feita através do código do tema, pois, mesmo criando um novo template para a página, pelo editor de temas, não é possível ocultar o cabeçalho para uma página específica.
Não sou especialista em codificação, mas para te ajudar com essa questão, eu fiz uma busca na comunidade em inglês e encontrei algumas posts onde especialistas apresentam instruções para ocultar o cabeçalho em páginas específicas.
Recomendo conferir essas conversas para saber se alguma dessas soluções pode te ajudar com o tema que você usa. Se você tiver dúvidas de como implementar o código recomendado, poderá responder diretamente ao post e solicitar ajuda ao especialista que compartilhou o código. O especialista ou algum outro membro que entende do assunto, poderá te ajudar melhor com as customizações necessárias.
Observações:
Se você não for familiar com o idioma recomendo utilizar o Google Chrome para traduzir as páginas para o português e sinta-se à vontade em utilizar um tradutor, caso precisar solicitar ajuda.
Antes de fazer qualquer ajuste na codificação eu recomendo duplicar o tema e trabalhar na cópia, pois se algo der errado não irá danificar o seu tema atual.
Caso os posts recomendados não ajudem, recomendo que você poste sua própria pergunta no fórum Shopify Design. Vários Especialistas da Shopify estão por lá ajudando os usuários e, quem sabe, alguém pode verificar a sua página e ajudá-lo com instruções específicas. Você também precisará postar sua pergunta em inglês, mas pode utilizar um tradutor para te ajudar.
Como alternativa, há diversos aplicativos para construção de páginas listados na Loja de Apps aqui. Esses apps oferecem diversos recursos para personalizar páginas da loja.
Espero ter ajudado com essas recomendações! Se você tiver outras dúvidas, só nos avisar!
Olá @Paula boa tarde! Muito obrigado pelo retorno. Eu chequei sim as sugestões da comunidade em inglês, mas infelizmente não consegui fazer nenhuma delas funcionar, talvez seja pq estou utilizando o tema habitat 3.7, que é diferente dos casos abordados lá. A sugestão que mas gostei foi essa (adaptada para nosso site) : store admin > Online Store > Themes > Edit code > open theme.liquid file, inserindo logo abaixo do :
{% if template == ‘page.welcome-to-hommes-design’ %}
Caso este código acima funcionasse, seria ótimo pq ele omitira o header, o footer e a announcement-bar, transformando nossa página numa verdadeira landing page. Mas estou tendo dificuldade em descobrir qual é o page ID da minha página, ou qual sintaxe usar para me referir a página “page.welcome-to-hommes-design” de forma correta.
De qualquer forma muito obrigado pela ajuda, te agradeço muito
Entendo que checou as sugestões de post na Comunidade em inglês que a Paula sugeriu e elas não funcionaram, @Hommes_Furnitur . Você chegou a postar essa pergunta na Comunidade em inglês? Reforço que é bom postar sua própria pergunta no fórum Shopify Design. Vários Especialistas da Shopify estão por lá ajudando gratuitamente os usuários e alguém pode verificar a sua página e ajudá-lo com instruções específicas. Aqui na Comunidade brasileira não há tantos especialistas disponíveis como lá. Você precisará postar sua pergunta em inglês, mas pode utilizar um tradutor para te ajudar.
Olá @Fran_6@Paula , boa tarde. Nós conseguimos fazer com que o header o e footer ficassem omitidos em uma única página (landing page) seguindo a orientação de um dos links que a Paula havia sugerido, tive que fazer algumas adaptações ao nosso tema (habitat 3.7), mas no geral foi através dele que consegui.
