Solved

How do I add icons to a dropdown menu in the Dawn theme?

AliceM
Tourist
11 0 1

Hello,

 

I am trying to add icons to my dropdown menu in my store, (I want it to look like on the screenshot below).

I do not wanna use any apps and I am using the dawn theme.

 

I would really appreciate the help!

 

AliceScreenshot 2023-11-09 170034.png

Accepted Solution (1)
theycallmemakka
Shopify Partner
1337 296 328

This is an accepted solution.

Hi @AliceM ,

 

I have increased the size of the icon by 10px. Please review it once and confirm the changes.

 

Regarding "Also, will I be able to use this in any mega menu I create now?"

Yes, this design will be displayed for any mega menu on the site. You just need to have an image on the navigation icon.

makkaomakka_0-1699862624125.png

 

If you require further help to optimize 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,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 21 (21)

theycallmemakka
Shopify Partner
1337 296 328

Hi @AliceM ,

 

Thats a really nice feature. As this is a custom feature, this will require time to develop. I will work on this feature and let you know when its done.In a mean time, can you provide me link to your store as well as the link to the referance site?

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

AliceM
Tourist
11 0 1

Hey!

 

Thank you for your reply, can I get your infor so I can invite you as staff to edit the store?

codexecom
Shopify Partner
56 9 13

Please Follow below details

Need Freelance Shopify Developer, Designer or For further Discussion
Reachout me on whatsapp:+91 919721741072 or , Skype: https://join.skype.com/invite/sDrWRlIVb20I
AliceM
Tourist
11 0 1

ca4171-4.myshopify.com (pass 12345)

 

 one of my references: https://vanbruun.com/

theycallmemakka
Shopify Partner
1337 296 328

Hi @AliceM ,

 

Thank you for the reply. You can private message on shopify. or create a staff account.

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

theycallmemakka
Shopify Partner
1337 296 328

Hi @AliceM ,

 

I will also require access to the Custom Data section to create custom meta field. and access ti edit/view products to add the images.

makkaomakka_0-1699552556721.png

 

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

AliceM
Tourist
11 0 1

I think it should be fixed now!

theycallmemakka
Shopify Partner
1337 296 328

I still do not have access to the products sections. I will require access to this section in order to add images that will be displayed on the navigation.

makkaomakka_0-1699553214640.png

 

Its 12 here in my country. I will work on this on the next working day and let ley you know when completed.

 

Thank tou

 

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

AliceM
Tourist
11 0 1

Fixed now!

Thank you so much 🙂

theycallmemakka
Shopify Partner
1337 296 328

Hi @AliceM ,

 

I have added the icon and meta fields on the theme. To add other icon you can directly go to respective collection/product/pages and upload the navigation icon.

makkaomakka_1-1699591346079.png

 

makkaomakka_0-1699591282302.png

 

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

AliceM
Tourist
11 0 1

Hello!

 

It is great, thank you so much! I am trying to figure out now how to do it myself, I added a collection and a navigation icon but cant seem to make it work. I am sorry for my confusion

AliceM
Tourist
11 0 1

False alarm, I understand it now! Thank you so so much for your help

AliceM
Tourist
11 0 1

@theycallmemakka Hello!

Sorry if I am being annoying but could you help me just make the icons a bit bigger so they can look more clear? 

 

Also, will I be able to use this in any mega menu I create now? 🙂

theycallmemakka
Shopify Partner
1337 296 328

@AliceM ,

 

I am working on it. Will let you know when done.

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

theycallmemakka
Shopify Partner
1337 296 328

This is an accepted solution.

Hi @AliceM ,

 

I have increased the size of the icon by 10px. Please review it once and confirm the changes.

 

Regarding "Also, will I be able to use this in any mega menu I create now?"

Yes, this design will be displayed for any mega menu on the site. You just need to have an image on the navigation icon.

makkaomakka_0-1699862624125.png

 

If you require further help to optimize 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,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

AliceM
Tourist
11 0 1

Hello,

Yes, it looks great. Thank you so much!

Trace15
Tourist
8 0 2

Hey! Please could you do the same for me? or just give me the code and instructions? Im having a headache with this over 2 weeks, please help me!

my store: ShadowPens.myshopify.com

THank you so much in advance:) have a great day

 

Trace15
Tourist
8 0 2

Hey! Could you please share the code with me and tell me where to place it? Thanks:))))

 

Brilliance_BL
New Member
4 0 0

Hi @theycallmemakka,

 

If you have time to help me out with same issue let me know. 

 

I want to have exact same; Shop by style & Shop by shape showing the icons.

 

Looking forward to your reply

imfamousrajat
Excursionist
14 1 0

Hey man. Hope you are doing well. I tried creating Meta objects and Meta fields but I am unable to understand how to link them to navigation menus to display the image icons. Can you please help? I'd really appreciate it.

I tried searching for tutorials on Google and YouTube but no one has explained about this. I'd be really grateful if you could help me here. Thank you. 🙏

Store - www.amorella.in

codexecom
Shopify Partner
56 9 13

Hey @AliceM 

This is possible from custom coding and needs to upload icon in admin pannel.Not possible to give solution without store access.

 

Need Freelance Shopify Developer, Designer or For further Discussion
Reachout me on whatsapp:+91 919721741072 or , Skype: https://join.skype.com/invite/sDrWRlIVb20I