Add navigation to your theme
Merchants can create menus for their shop navigation, and these menus can be nested to create drop-down menus.
In this tutorial, you'll learn how to add navigation to your theme.
- The
linklists
object - The
linklist
object - The
link
object
Implementing navigation
Anchor link to section titled "Implementing navigation"To add navigation to your theme, you should reference a linklist
object. Each linklist
object represents a menu that's defined in the Online Store > Navigation section of the Shopify admin.
You can use the global linklists
object to access all of the linklist
objects in your store by their handle. The default menu in the Shopify admin is the Main menu, which can be accessed with its handle main-menu
.
For example:
You can let merchants select their own menu using the link_list
setting. You can reference the menu using the setting name, which is the equivalent of a linklist handle:
For each menu link, you should output information such as the title and URL. You might also want to output the link's child links. You can nest links up to three levels deep, and you can access them through the links
attribute of the link
object.
For example, if you've created a link_list
type setting called menu
, so that merchants can choose the menu they want to use in the header section, then the following code shows how you might output the menu.
Depending on the kind of navigation you're building, you should include your navigation code in your header or footer sections.