dawn theme mega menu

Mega Menu do Shopify

Log in or Sign up to ensure access to purchased code across multiple devices.

Como ver o código

1. Faça login/crie uma conta primeiro. Isso é para garantir que todas as compras estejam conectadas a uma conta e possam ser visualizadas em diferentes dispositivos.

2. Adquira o código através da “caixa de compras” na página específica do código desejado.

3. Após a compra, atualize a página.

Compatibilidade: temas GRATUITOS do Shopify 2.0, tema Dawn to Colorblock. Não funciona com Dawn versão 9.0 e superior

Todo mundo quer ter um bom efeito de foco em seus menus. Com as configurações atuais dos temas do Shopify 3.0, é difícil obter isso sem alterar o código HTML. Como estamos apenas fazendo o efeito de foco e claro no celular, não existe isso de passar o mouse, portanto não alterei as configurações do celular.

Já existe uma opção de mega menu no Dawn versão 9.0 e superior. Por favor, verifique seu editor de tema.

O que você está comprando:

  • Passe o mouse para abrir os menus de cabeçalho
  • Etapas fáceis de seguir
  • Nenhum javascript sendo usado

O que torna nosso código melhor:

  • Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
  • Não deixamos nem adicionamos códigos para anunciar em nosso site
  • Nosso código é compatível com dispositivos móveis

Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.

Para iniciar:

1. Vá para Admin Store > Temas > Ações > Editar código.

2. Na pasta Seções, abra o arquivo header.liquid e encontre este “header__inline-menu”. Do {%- if section.settings.menu != blank -%} até o fechamento {% endif %} , exclua o código e substitua-o pelo código abaixo.

NOTA: Para a versão do tema Dawn 4.0 e superior, siga as mesmas instruções, mas ao abrir o editor de tema, a opção de mega menu e menu suspenso não funcionará.

Com a nova atualização do Dawn 5.0, eles forneceram um menu suspenso, certifique-se de excluir os dois {% endif %} .

Se não tiver certeza, não hesite em entrar em contato comigo em "Converse conosco".

3. Por último, clique em SALVAR.

Por favor, veja na imagem como fica se você tiver mais níveis em sua navegação. Esteja atento a quantos segundos níveis você coloca, já que vai esticar.

mega-menu

É isso. Não se preocupe, certo? Se você tiver problemas com o código, entre em contato comigo através do "chat conosco"

Copied!
Voltar para o blogue

4 comentários

Hi @CHRIS MADDOX,

Sorry about the bad experience you have with other developers. The compatibility in this code says doesn’t work in Dawn 9 and above. If you need to work it in Taste v11, you can talk to our experience developers and we will make sure the code works before you pay. So you don’t get left with non-working code.

Made4uo

Hi, will this code change work in Taste v11.0? I’ve tried several other code change solutions from other developers and none have worked, so while I am willing to pay for a fix that works, I’m not interested in paying for any more code that doesn’t work. Thanks for your time.

Chris Maddox

@CHRIS JOHNSON

There was changes done on the Dawn 4.0 Theme that would affect the header. One thing they added is a choice of mega menu and dropdown menu. The changes have not added a hover effect. Therefore, you still hove to click on those menus to see the childlink. The code still works in Dawn 4.0. I added some instructions to do so

Made4Uo

Will these code changes work with Dawn 4.0?

Chris Johnson

Deixe um comentário