Mega Drawer Menu With Images - Dawn

abdceq123
Visitor
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
406 65 66

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
Visitor
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