I'm not able to create custom mega menu without apps in dawn theme

I'm not able to create custom mega menu without apps in dawn theme

ritikaa
Shopify Partner
3 0 2

Hello,

 

I want to know how can i create custom mega menu option with menu image upload option?????

Replies 6 (6)

ZestardTech
Shopify Partner
5751 1051 1390

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!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: [email protected]
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ritikaa
Shopify Partner
3 0 2

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 ?

ZestardTech
Shopify Partner
5751 1051 1390

Hello @ritikaa 
Yes, you can add and try it. 

Hope these help!




Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: [email protected]
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

oscprofessional
Shopify Partner
16115 2409 3123

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 :

oscprofessional_0-1709642559847.png

 

For Creating a Mega-menus in dawn theme.

For Creating a Mega-menus in dawn theme.

1}. Go to the online → sales channels  → Navigation →  


oscprofessional_1-1709642632741.png

 


2} Navigation → Add menu → Title → Menu items →  Sub-items

oscprofessional_2-1709642632803.png

 


oscprofessional_3-1709642632611.png

 


3}.Menu items →  Sub-items

oscprofessional_4-1709642632433.png

 


4} After this procedure mega-menus will create parents links title → child link title → grandchild link title 


oscprofessional_5-1709642632419.png

 


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!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: [email protected] | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
ritikaa
Shopify Partner
3 0 2

Thanks  a lot!

It's working

nadezhda_ilieva
Excursionist
14 0 5

Hello. Thank you very much, it worked for one of the drop downs, but it didn't for some. When I want to add 2 images on the side, they show up under the menu items rather than next to them. How can I solve this problem?

 Screenshot 2024-07-25 at 10.38.33 AM.png