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