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 %}
One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.