FROM CACHE - fr_header

Mega menu Thème Debut

Nakres
Shopify Partner
7 0 0

Bonjour,

 

Comme dit dans le titre, j'ai ajouté un hover ainsi qu'un menu multi-level à mon thème Debut.
Cependant le menu principal disons "Peluche" donne accès aux sous menus "peluche bleu, peluche rouge, etc" mais le problème est que même sans hover sur ces sous-menu "peluche bleu etc" il y a le 3e sous-menu qui s'affiche "Peluche bleu en cuir" sans raison.

ça peut paraître flou je mets le code de mon sit-nav.liquid ici :

<ul class="site-nav list--inline {{ nav_alignment }}" id="SiteNav">

{% for link in linklists[section.settings.main_linklist].links %}
{%- assign child_list_handle = link.title | handleize -%}

{% if linklists[child_list_handle].links != blank %}
<li class="site-nav--has-dropdown{% if link.active %} site-nav--active{% endif %}">
<a href="{{ link.url }}" class="site-nav__link site-nav__link--main" aria-has-popup="true" aria-expanded="false" aria-controls="SiteNavLabel-{{ child_list_handle }}">
{{ link.title }}
{% include 'icon-chevron-down' %}
<span class="visually-hidden">{{ 'layout.navigation.expand' | t }}</span>
</a>

<div class="site-nav__dropdown" id="SiteNavLabel-{{ child_list_handle }}">
<ul >
{% for childlink in linklists[child_list_handle].links %}
<li class="site-nav--has-dropdown{% if childlink.active %}site-nav--active{% endif %}">
<a href="{{ childlink.url }}" class="site-nav__link site-nav__child-link{% if forloop.last %} site-nav__link--last{% endif %}">{{ childlink.title | escape }}</a>

{%- assign child_list_handle1 = childlink.title | handleize -%}
{% if linklists[child_list_handle1].links != blank %}
<div class="site-nav__dropdown" id="SiteNavLabel-{{ child_list_handle1 }}">
<ul>
{% for childlink1 in linklists[child_list_handle1].links %}
<li {% if childlink1.active %}class="site-nav--active"{% endif %}>
<a href="{{ childlink1.url }}" class="site-nav__link site-nav__link--main" aria-has-popup="true" aria-expanded="false" aria-controls="SiteNavLabel-{{ child_list_handle1 }}">
{{ childlink1.title }}
</a>
</li>
{% endfor %}
</ul>
</div>

{% endif %}
</li>
{% endfor %}

</ul>
</div>
</li>
{% else %}
<li {% if link.active %}class="site-nav--active"{% endif %}>
<a href="{{ link.url }}" class="site-nav__link site-nav__link--main">{{ link.title }}</a>
</li>
{% endif %}
{% endfor %}
</ul>

0 RÉPONSES 0