Liquid, Javascript, thèmes
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>
Shopify soutient les marques et les entrepreneurs les plus innovants au monde. En 2024,...
By SarahF_Shopify Mar 25, 2024Vous êtes plusieurs à vous demander : “Est-ce que je suis conforme à la loi anti-fraude...
By Océanne Mar 21, 2024Chaque jour, des milliards de personnes naviguent sur Internet, font des achats en ...
By Océanne Mar 7, 2024