Add a menu

This customization shows how to add an extra menu to your theme. You might want to add a list of collections to the footer of your store without including it in another menu.

Nested menus result

Note

This customization does not produce multi-level drop-down menus. Several themes offer this feature.

  1. Create a new menu with the links you want to add to your theme.

    Nested menus2
  2. Save your menu.

  3. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  4. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  5. Click to open the template or snippet where you want to apply this customization.

  6. Copy the following code to your clipboard:

    
    <h3>Your new menu</h3>
    <ul>
    {% for link in linklists.your-new-linklist.links %}
       <li>{{ link.title | link_to: link.url }}</li>
    {% endfor %}
    </ul>
    
    
  7. Paste the code in the template.

  8. Change your-new-linklist to the handle of your new menu, and change the header text to what you want your customers to see on your online store.

    Nested menus1
  9. Save your changes.

Note

You might need to add additional styling to your theme to make sure the customization looks consistent with the rest of your online store.

Want to discuss this page?

Visit the Shopify Community