adartstudio

Mega Menu


Please read this instruction from Shopify to learn how to create a drop-down menu.

Add a menu item with no sub-menu.

Flyout menu

Flyout menu is a tree menu that shows submenu items only when the cursor hovers/clicks on the menu.
Select a menu from your Shopify navigation to show as Flyout menu.

Example:



Simple Menu

Simple Menu is a mega menu showing Link Lists only.
Select a menu from your Shopify navigation to show as Mega menu.

Example:






Fullwidth Mega Menu

This menu is a combination of: Link list, Product list and Custom HTML.
You can:
  • select a menu from your Shopify navigation to add menu (like Simple menu)
  • add a list of products from a collection (the order of products is based on how products are sorted in collection)
  • add a block of html: you can add image and text here

Example:


Horizontal Collection

This is a mega menu showing Link list with Images on each column, suitable for collections list.
Limit: 5 images.

Example:



Horizontal Products

This menu lists all products from a collection (order is based on collection's sort). 
You can change the order of products by going to Shopify admin > Products > Collections > select the collection > change the "Sort" option to "Manually" > drag and drop to re-order products.



    • Related Articles

    • Mega Menu

      Drop-down Menu Our theme uses the navigation standard of Shopify. Please read this instruction from Shopify to learn how to create a drop-down menu. Mega Menu A mega menu is a two-level drop-down menu (a dropdown menu inside a dropdown menu). For ...
    • Megamenu configuration

      Drop-down Menu Our theme uses the navigation standard of Shopify. Please read this instruction from Shopify to learn how to create a drop-down menu. Mega Menu A mega menu is a two-level drop-down menu (a dropdown menu inside a dropdown menu). For ...
    • Header & Footer

      Header Layout Aries has 5 layouts of header: Header 01: Logo left, menu right Header 02: Logo center, split menu Header 03: Logo center, menu below Header 04: Logo left, menu center Header 05: vertical menu (fixed sidebar) Header container: adjust ...
    • FAQ

      I'm getting an error when uploading theme to my store After downloading theme from Themeforest, you need to extract the zip file. Then open the "aries" folder, you will find all templates inside it, select a template to upload. For detailed ...
    • Collection Page & Filter settings

      Collection Page Layout Navigate to Theme settings > Collection pages settings > Layout. Grid There are 3 types of grid:  Normal Grid:  Metro Grid:  Masonry Grid: Column number You can choose the number of products per row (column number) from 2 to 6. ...