How to Show Variant-Specific Images in Gold & Silver Collections (Dawn Theme)

Solved

How to Show Variant-Specific Images in Gold & Silver Collections (Dawn Theme)

S02K
Tourist
9 0 2

Question:

I’m using the Dawn theme for my jewelry store and want to create separate collections for gold and silver jewelry. However, I need the product images in each collection to match the correct variant (gold for the gold collection, silver for the silver collection).

 

By default, Shopify shows the main product image in collections, but I want it to display the variant-specific image instead. how do i achieve this without breaking connected features like show-second-image-on-hover and any other functionality that might be connected to this?

 

Also, are there any themes that natively support this feature?

Accepted Solution (1)

Guleria
Shopify Partner
4105 804 1155

This is an accepted solution.

Hello @S02K ,

 

There are 2 ways:
1) Edit each product and change nab image with desired one.

2) Edit the code, find the piece of code which displays the main image on the collection page and replace it with the desired one.  In this way no other functionality will break.

 

Regards
Guleria 

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Replies 2 (2)

devcoders
Shopify Partner
1290 151 367

Hello @S02K 
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

Guleria
Shopify Partner
4105 804 1155

This is an accepted solution.

Hello @S02K ,

 

There are 2 ways:
1) Edit each product and change nab image with desired one.

2) Edit the code, find the piece of code which displays the main image on the collection page and replace it with the desired one.  In this way no other functionality will break.

 

Regards
Guleria 

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder