I have successfully created nested collections which should enable a 'drop down' menu to show up on my main page. I saw it earlier when I first created the collections in my menus, but now all of my menu options do not show the drop down option - it just goes straight to the top level.
How do I enable it show it shows up?
Solved! Go to the solution
This is an accepted solution.
Eunice here from Shopify. Thank you for sharing your question and welcome to the Community!
From your post it sounds like you've successfully created a drop-down menu, however, I am not sure what's happened for you to see it and then for it to disappear. So, let's take a look at what a nested menu should look like both in your Shopify admin, and your storefront, then review the possible errors.
Here's an example of a nested menu created in the Navigation area of a Shopify admin.
In the image above there are three individual collections all nested under the menu item 'shop'. When you view this on the storefront, depending on your theme, you will see:
Are you still able to see the nested menu you created in your Shopify admin? Are you still able to see the drop-down menus on the storefront?
If you can no longer see the nested menu in Navigation or on the storefront, try creating them again and ensure you click the save menu button before viewing the storefront:
If you can still see the nested menu in Navigation, but not on the storefront, try clearing your device's cache and cookies and then hit restart.
Let me know if this solves the issue.
Wonderful! I am pleased to hear clearing the cache and cookies worked for you. Sometimes, something as simple as this can do the trick.
Hello, have you fixed this issue? My first tier of nesting works perfectly, but if I try to add a second tier then it all disappears. What could I be doing wrong?
Here is an example.
Women's Clothing - This is my top level item.
This works perfectly, but if I do this
> Leggings - When I add this second tier ( Leggings) then my first tier ( Pants) disappears.
And looks like this.
Any info would be greatly appreciated. If my theme ( third party theme) don't support more then 1 nest then could I create a code to add a second tier? If so, where at in the code should it be placed?
Hey @SoulPepper and @Bdclarke90
Good news - multilevel navigation (three or more levels of drop-downs) is available on all Shopify themes, but it was added to themes after sectioned themes came out. This means that there are versions of sectioned themes that don't support multilevel navigation.
To check the version of your current theme, head into your theme customizer from your Shopify admin, scroll down, and click on the three dots next to Theme actions. Below is a screenshot to help:
The above screenshot shows my own store using the Narrative theme version 9.0.9.
@SoulPepper The most up to date version of the Debut theme is 17.8.0. If your version doesn't match this then you'll need to update your theme in order for the multiple nested menu to work. This help doc shows you how to update your theme.
When you manually add an updated version of a theme, a second version of the theme is added to your online store. The new version is in its default state, with none of your customizations applied. The older version is unaffected by the update, and still has all of your code customizations.
Hope this helps. If you have any questions, don't hesitate to sing out here.