Skip to content

Instantly share code, notes, and snippets.

@freakdesign
Created December 16, 2013 12:44
Show Gist options
  • Save freakdesign/7986418 to your computer and use it in GitHub Desktop.
Save freakdesign/7986418 to your computer and use it in GitHub Desktop.
Three level deep menu for Shopify using linklists
<ul>
<li><a href="/collections/all">Products</a>
{% if linklists.main-menu.size > 0 %}
<ul>
{% for link in linklists.main-menu.links %}
<li>{{ link.title | link_to: link.url }}</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% if linklists.main-menu.size > 0 %}
{% for link in linklists.main-menu.links %}
<li>{{ link.title | link_to: link.url }}
{% assign child_list_handle = link.title | handle %}
{% if linklists[child_list_handle] and linklists[child_list_handle].links.size > 0 %}
<ul>
{% for l in linklists[child_list_handle].links %}
<li>{{ l.title | link_to: l.url }}
{% assign grandchild_list_handle = l.title | handle %}
{% if linklists[grandchild_list_handle] and linklists[grandchild_list_handle].links.size > 0 %}
<ul>
{% for grand_link in linklists[grandchild_list_handle].links %}
<li>{{ grand_link.title | link_to: grand_link.url }}</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
{% endif %}
</ul>
@acenasir
Copy link

how can I use this and how can I go deeper then 3?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment