how to make main menu clickable in shopify

how to make main menu clickable in shopify

socialbs
Shopify Partner
3 0 0

I want to make mainmenu clickable in shopify

when I click on it then it shows me sub menu but I want that when i click on it , it will be rediract me show all the products that is in that collection , who select me in mainmenu backend.

I hope someone reply me soon .

Theme : Dawn; 

Replies 15 (15)

dbuglab
Shopify Partner
473 51 53

Hi @socialbs 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!


Best Regards,
Dbuglab

banned
socialbs
Shopify Partner
3 0 0

Dan-From-Ryviu
Shopify Partner
11612 2276 2456

Hi @socialbs 

You can do that by adding 2 lines of code in your header-mega-menu.liquid and header-dropdown-menu.liquid files 

Line 1

<a href="{{ link.url  }}">

Line 2

</a>

Screenshot 2023-08-24 at 15.11.27.png

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

MadMarc
Tourist
6 1 1

nice one this solution actually works, lots of misleading replies to this question in the community overall.

 

Thank you for this quality reply

 

solution confirmed working with dawn theme 10.0

KimmyBee
Visitor
2 0 0

Thanks! works with Dawn 9.0 too.

kurtburt
Visitor
1 0 0

I'm on Dawn 14.0 and when I do this I lose all my css settings. 

myl1
Excursionist
42 0 6

Hi hi, I have the same problem with Dawn 15.0. How can I fix this? 🙂 

Velovie
Tourist
3 0 0

Works on desktop but it doesn't on mobile... any advice? 

LuxGMJewelers
Visitor
3 0 0

I cant believe it, ive tried everything and this was the only thing that worked! Only problem is that the menu options are now purple or blue. Is there a way to inherit the theme colors? So the purple and blue disappear

image.jpg

? Thank you so much!

LuxGMJewelers
Visitor
3 0 0

@Artzen_tech 

I made a duplicate of my store and tried this:

in header mega menu liquid i added the following:

in line 19 i added:

 

<a style="color: inherit;{%- unless link.child_active or link.active %}text-decoration:inherit{% endunless %}" href="{{ link.url }}"><span
 
and in line 29 i added:
<a style="color: inherit;{%- unless childlink.active or childlink.child_active %}text-decoration:inherit{% endunless %}" href="{{ childlink.url }}">{{ childlink.title | escape }}
                               {% render 'icon-caret' %}</a>

When i preview store it works like this without showing blue or purple lines. But do you think this is a safe method? Can i add this to my original store or will there be problems? And if so can you please help me with fixing the blue and purple lines i get with your code?
 
i really appreciate you helping out! Thank you
Dan-From-Ryviu
Shopify Partner
11612 2276 2456

Please update this code 

 

<a href="{{ link.url  }}">

 

To this 

 

<a class="link--text" href="{{ link.url  }}">

 

 

 
 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

LuxGMJewelers
Visitor
3 0 0

thank you, i see the lines under the menu items now, is there a way to delete that? Thank you!

IMG_4788.jpeg

Artzen_tech
Shopify Partner
555 114 111
Hello @socialbs 

Its Artzen Technologies! We will be happy to help you today.

 

I understood your problem and i have come up with a solution that will help you in achieving the desirable result.

Please go to the Navigations in the backend and follow the below screenshots.

 

1. Delete the submenu from navigation.

Artzen_tech_2-1692865223503.png


2.Add the link for collection in the main menu and click Save.

Artzen_tech_3-1692865387503.png

 

 

 

Let me know if need further assistance
Regards,
Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
myl1
Excursionist
42 0 6

Hi hi, I have the same problem with Dawn 15.0. How can I fix this? 🙂 

Dirk
Shopify Staff
2428 258 553

Hey, @myl1 

 

I'm not formally trained in code to provide you with an exact solution to reconfigure the menu to be clickable. However, I'm confident one of our Shopify experts would be able to accomplish this at a reasonable price.
 
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.

Dirk | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog