We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Mega Drawer Menu With Images - Dawn

How can I create a mega drawer menu with images on Dawn without an app plugin?

abdceq123
Shopify Partner
3 0 0

 

 

Hi, I would like to create a Mega Drawer Menu With Images without using app plugin. How can I do this?

I want something looks like this in web view

gws123_0-1711337639670.png

 


and and drawer will looks like this when open in mobile (with text and images)

https://www.allbirds.com/

 

gws123_1-1711337328221.png

 

Here is my site:

https://216f48-2.myshopify.com/

 

Replies 2 (2)

LuffyOnePiece
Shopify Partner
650 93 121

Hi @abdceq123 ,

 

This is a customization work. You will need to set metaobject for images depending on the navigation handle. If the navigation handle matches then the image assigned will be shown on the particular dropdown.

 

You can have a look at the video for reference.

https://youtu.be/wUWo39swCC4?si=nmt4ijIsbu38sKvM

 

If you require further help to customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
abdceq123
Shopify Partner
3 0 0

Hi Sandeep,

 

I tried the video but that's not what I want.
I want the mega menu from drawer, when I hover my mouse to the collection, then it will come out like this with featured product images at bottom.
https://codyhouse.co/demo/mega-dropdown/index.html

gws123_0-1711343541723.png

 

Something like this

gws123_1-1711347605799.png