How to create a mega menu

The appearance of a mega menu #

Creating a mega menu #

**You must create multiple levels of your menu using the native Shopify navigation.

Dropdown menu #

** After adding 3rd level menu, you will get a menu appearance that looks like this screenshot **

Mega menu block settings #

Settings details #
SettingsDescription
Menu itemEnter the name of the menu item to which you want to add a mega menu. 

Promotion settings #

*** You have the option of uploading two images for two promotions. They all have the same settings:

SettingsDescription
ImageThis is a setting to display an image in the mega menu as a promotion.
Image ratioThe image ratio for the promotion is as follows:

Adapt to image(Default): The aspect ratio of the images is used. This prevents cropping of the images.
Square: Images are cropped to a 1:1 aspect ratio.
Portrait: Images are cropped to a 2:3 aspect ratio.
Landscape: Images are cropped to a  3:2 aspect ratio.
Wide: Images are cropped to a 16:9 aspect ratio.
Round the corners of the imageIf you enable it, the promotion image corners will be round. By default, enabled it.
HeadingA promotion title can be displayed. If you don’t want it to be displayed, simply clear the field.
TextA promotion text can be displayed. If you don’t want it to be displayed, simply clear the field.
LinkYou can add a link to a single promotion.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *