Adding Images to the Mega Menu

This article will show you how to add images to the left and right of the Mega Menu. It uses a combination of Content Areas and Content Blocks. For more information on those, click here.

The first thing you will want to do is decide on which end you would like your images to appear on the Mega Menu.

1.) Left (Pre-Content Column)

or

2.) Right (Post-Content Column)

Create a Content Area

Create a Content Area

Next, you will create a new Content Area. In the admin, go to Content and Files > Content Areas.

Be sure to give it a name that you can easily identify, in the example above "Mega Menu Left"

Create a Content Block

Create a Content Block

Next, you will create a new content block that will house your images on the Mega Menu. All you need to do is "Edit" the new Content Area that you just created and select any content block that you would like to use. For images, we recommend using an Html block. You can insert the images that you would like to use and just press enter to list them in whichever order you choose. (See example below)

Placing Your Content Area in the Mega Menu

Placing Your Content Area in the Mega Menu

The final step will be to place the content area that you created into the Mega Menu.

First, you'll need to go back to the Mega Menu Content Area. In there, you'll select the category that you would like the images to appear under.

Next just select whether you want it to be in the Pre-Content Column (left hand side) or Post-Content Column (right hand side).

Storefront

Storefront

This is what it will look like in the storefront.