Hello,
I want to know how can i create custom mega menu option with menu image upload option???
Topic summary
Creating a custom mega menu with image upload in the Shopify Dawn theme without apps. The key approach is to: build multi-level navigation (parent > child > grandchild) in Online Store > Navigation, and customize header.liquid by adding a block (with schema) to enable image uploads and apply conditional logic across relevant Liquid templates. Liquid is Shopify’s templating language; schema defines theme editor settings for blocks.
Clarification: Dawn does not include a site-nav.liquid snippet; the customization is done in header.liquid. External guides and Shopify docs were shared for setup and best practices. Example steps and screenshots were provided to illustrate menu structure and adding image blocks.
Outcome: The original requester confirmed the mega menu with images is working.
Latest update: Another participant reports it works for one dropdown, but when adding two images they appear below (under) the menu items instead of alongside them. A screenshot was attached. This layout/alignment issue remains unresolved in the thread; no fix or code adjustments were provided yet.
Status: Original request resolved for the OP; follow-up alignment question is open.
1 Like
Hi @ritikaa
Please read these articles to get an idea of how to set up a mega menu:
The Ultimate Guide to Shopify Dawn Theme for Beginners
Shopify Documentation on Drop-down Menus
How to Add Mega Menu in Shopify
Hope these help!
Thanks,
https://happypoints.io/blog/how-to-add-mega-menu-in-shopify-c2-stt-80/
But I’m working on dawn theme and i didn’t find any Snippets named site-nav.liquid should i add this code in header file instead of site-nav.liquid ?
1 Like
Hello @ritikaa ,
Indeed, implementing a custom mega menu feature with the ability to upload menu images in the Dawn theme involves a comprehensive process. It necessitates customization within the header section, identification of multiple dropdown menu Liquid files, integration of additional blocks, and the application of conditional logic to ensure proper functionality.
To streamline this process for you, we’re fully equipped to handle these customizations. Our team will meticulously adjust the necessary Liquid files, integrate the required blocks, and implement the requisite conditions to seamlessly incorporate the custom mega menu option with menu image upload functionality into your Dawn theme.
For Example :
For Creating a Mega-menus in dawn theme.
For Creating a Mega-menus in dawn theme.
1}. Go to the online → sales channels → Navigation →
2} Navigation → Add menu → Title → Menu items → Sub-items
3}.Menu items → Sub-items
4} After this procedure mega-menus will create parents links title → child link title → grandchild link title
5}. Now to Create a images in header.liquid besides the mega-menus
We will add a block to the header.liquid to Create a block we will
need some liquid code so that can user can have direct access to
Images .
6}. Go to the Edit- code in Admin panel → Find header.liquid file
Build a schema for block.
Please let us know if you’d like to proceed, and we’ll ensure that your requirements are met efficiently and effectively.
If there is anything that needs to be clarified or included, please let us know. We will surely help you.
Have a nice day!
1 Like
Hello @ritikaa
Yes, you can add and try it.
Hope these help!
Thanks a lot!
It’s working
