Dúvida com submenu
Boa tarde pessoal.
Tenho a seguinte estrutura para menu e submenu de uma loja virtual:
{% for category in categories %}
{% if loop.index <= nivelLimit %}
<li class="category--{{ category.id }} category__item--one {% if category.children %} category__label{% endif %}{% if category.id == settings.featuredCategory %} featured{% endif %}">
<a href="{{ category.link }}" class="category__link--one">{{ category.name }}</a>
{% if category.children %}
<span class="hidden-lg category__button">
<svg class="category__button-icon icon--down"><use xlink:href="#icon-down"></use></svg>
</span>
<div class="category__dropdown">
<ul class="category__list--two">
{% for child in category.children %}
<li class="category--{{ child.id }} category__item--two">
<a href="{{ child.link }}" class="category__link--two">{{ child.name }}</a>
</li>
{% if child.children %}
{% for grandchild in child.children %}
<li class="category--{{ grandchild.id }} category__item--three">
<a href="{{ grandchild.link }}" class="category__link--three">{{ grandchild.name }}</a>
</li>
{% endfor %}
{% endif %}
{% endfor %}
</ul>
O problema é que o submenu só é exibido quando eu clico no ícone do svg, eu gostaria que ao clicar na "categoria" ele não abrisse a página da categoria e sim exibisse o submenu, como posso alterar esse código?
Obrigado.Discussão (0)
Carregando comentários...