How can I display collection images in Dawn theme menu navigation?

Solved

How can I display collection images in Dawn theme menu navigation?

shellbell
Shopify Partner
94 1 14

Hi I am using Dawn theme and trying to get the collection image to show in the menu navigation. Every tutorial and info I found though doesn't seem to work and the closest I can get shows this with a no image placeholder. I assume my code of trying to get the collection image is wrong, so if someone knows which code it should be to bring up that collection image can you share. Thanks!

 

Screen Shot 2022-09-05 at 9.30.13 AM.png

Accepted Solution (1)

Jenny-Arena
Shopify Partner
41 4 3

This is an accepted solution.

You can try this code below: 

{%- if childlink.type == 'collection_link' -%} {% assign linkCollection = childlink.object %} <div class="nav-collection_image"> <img crossorigin="anonymous" class="nav-child-link-image" src="{{linkCollection.products.first.featured_image.src | product_img_url: '140x'}}" alt="{{grandchild_link.title}}"> </div> {%- endif -%}

Note: In your collection must have the product, also including pictures.

Just to remind you that we are always ready to help you.
If you find it helpful, it would be much appreciated to leave a Like and Accept Solution.
For more Shopify Solutions and custom codes, just contact our team:
Email: support@arenathemes.com
Skype: arenacommerce

View solution in original post

Replies 14 (14)

KetanKumar
Shopify Partner
36927 3642 11996

@shellbell 

can you please send store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Jenny-Arena
Shopify Partner
41 4 3

Hi there,

Sorry, about the problem you are facing, it would be my pleasure to help you. Please share your site URL. I will check out the issue and provide you with the best solution here.

Best regard, 

Jenny.

Just to remind you that we are always ready to help you.
If you find it helpful, it would be much appreciated to leave a Like and Accept Solution.
For more Shopify Solutions and custom codes, just contact our team:
Email: support@arenathemes.com
Skype: arenacommerce

Denishamakwana
Shopify Partner
1408 173 231

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

Jenny-Arena
Shopify Partner
41 4 3

This is an accepted solution.

You can try this code below: 

{%- if childlink.type == 'collection_link' -%} {% assign linkCollection = childlink.object %} <div class="nav-collection_image"> <img crossorigin="anonymous" class="nav-child-link-image" src="{{linkCollection.products.first.featured_image.src | product_img_url: '140x'}}" alt="{{grandchild_link.title}}"> </div> {%- endif -%}

Note: In your collection must have the product, also including pictures.

Just to remind you that we are always ready to help you.
If you find it helpful, it would be much appreciated to leave a Like and Accept Solution.
For more Shopify Solutions and custom codes, just contact our team:
Email: support@arenathemes.com
Skype: arenacommerce
shellbell
Shopify Partner
94 1 14

Worked great, only thing I changed was the img scr to this src="{{linkCollection.featured_image.src so I could get the collection image. Thanks!

Pnoble
Visitor
1 0 0

Please I'm using the impulse theme. how do i apply the above code to achieve the same results.

i wanted the menu to appear like the shop by brand menu of curlwarehouse.com

Thank you

doodlebirdny
Visitor
1 0 0

Can you please tell me where to input this line of code? I would like to have nav for collections. doodlebirdny.com

Trace15
Tourist
8 0 2

Hey!

Just wanted to ask where do i put this code?

KetanKumar
Shopify Partner
36927 3642 11996

@Trace15 

can you please share your sore url so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Trace15
Tourist
8 0 2
KetanKumar
Shopify Partner
36927 3642 11996

@Trace15 

Thanks for share details, can you please added mega menu and also share your header code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Trace15
Tourist
8 0 2

Yes! I just wanted to ask how can i add the product logos next to the product name in the subcategory please

Trace15
Tourist
8 0 2

Look, i just discovered this website : prosterelaxuj.cz its i dont know like a european website and if you can see that in the sub categories like all products are there and there is an image next to the title! Btw thanks so much for help!

and also thanks in advance:)

shilpa_etsy
Shopify Partner
28 0 2

where to add this in code ?