Mega menu collection list
Setting | Description |
Menu item | Specify the name of the navigation menu you want to connect to the collection's menu view. Refer to the screenshot below for guidance. |
Collection color scheme | Choose an appropriate color scheme of collection card: background color of text container, text color, arrow color and background. |
Submenu | Add tabs to the mega menu. When a customer hovers over a tab, they will see different collection cards related to that tab. The customer can click on each collection to navigate to the collection detail page with products. |
Submenu #1: | |
Heading | Type the name for Submenu #1. |
Collections list | Select the collections you want to display in Submenu #1. |
Submenu #2: | |
Heading | Type the name for Submenu #2. |
Collections list | Select the collections you want to display in Submenu #2. |
Submenu #3: | |
Heading | Type the name for Submenu #3. |
Collections list | Select the collections you want to display in Submenu #3. |
Submenu #4: | |
Heading | Type the name for Submenu #4. |
Collections list | Select the collections you want to display in Submenu #4. |
Submenu #5: | |
Heading | Type the name for Submenu #5. |
Collections list | Select the collections you want to display in Submenu #5. |
Menu item
Submenu
When mega menu collection list block is not added to the header and set, we will see such mega menu with placeholder image added in main header settings
This menu is created in the admin panel under the Content tab, by selecting Menus and then Create Menu and Menu items. Menu items are created here to ensure the content of the mobile header menu matches the desktop mega menu, and you can show or hide this block and get different mega menu appearance.