Building Nested Navigations with Shopify Link List

Nested navigations are a popular solution for effectively organizing collections, products, and pages. A link list is a simple collection of links, and these items can be created to point to collection, page, or product within Shopify, or to a URL outside of the store's domain. In this tutorial, we will cover how to use link lists in a Shopify theme to create a nested navigation using an unordered list.

In this article you will learn:

How to create a menu and nested menu in the Shopify Admin.
How to output a menu using Liquid and linklist.
How to output a nested navigation with up to three levels deep.
Using link.active and link.active_child to help style and identify active menu links.