Compatibilidade: Dawn versão 2.5 e inferior
Para código atualizado que funciona com qualquer tema gratuito do Shopify 2.0, consulte o link aqui .
Adicione um mega menu ou cabeçalho ao seu tema Dawn Shopify. Nenhum aplicativo ou assinatura necessária. Personalize o mega-cabeçalho ao seu gosto. Adicione várias imagens.
A criação de um mega menu sem aplicativo tornou-se possível.
1. Acesse Loja Admin Shopify > Temas > Ações > Editar código.
2. Na pasta Seção, crie uma nova seção e nomeie-a como “mega-cabeçalho”.
3. Abra header.liquid na pasta Seção.
4. Encontre o "menu-drawer__navigation" com a tag <nav> e exclua o código, substitua pelo código abaixo.
5. Encontre "header__inline-menu", exclua o código conforme mostrado no vídeo. Cole o código abaixo.
6. Vá até o fim, antes do último "]", adicione o código abaixo.
7. Abra a pasta Ativos e adicione um novo ativo. Nomeie-o como ''mega-cabeçalho" e cole o código abaixo. Altere as cores da raiz para personalizar.
8. No header.liquid, cole o código na parte superior. Veja o vídeo.
É isso. Tudo que você precisa é editar o editor de temas e adicionar suas imagens. Veja o vídeo sobre como adicionar as imagens
Copied!
6 comentários
Hi,
Please check the compatibility before following the tutorial.
it is not working dawn-9. My website voova.com
Menu isnt showing on mobile
Hi @Ali,
The code might not be working on a newer version of Dawn.
Hi @Phillip,
There should be an option in your theme editor to change the color of the header as shown on the video
Code works for the most part, but the background color seems to be transparent, how can I change that