Adding a Nested Menu on Your Shopify Store

Depending on your Shopify theme, nested menus might not be implemented by default. To achieve the nested menu look is actually quite simple.

Go to your collections.liquid file and add the following:

{% for link in linklists.main-menu.links %}
<li>
<a href=”{{ link.url }}”>{{ link.title }}</a>
{% if linklists[link.handle].links.size > 0 %}
<ul>
{% for sublink in linklists.[link.handle].links %}
<li>
<a href=”{{ sublink.url }}”>{{ sublink.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}