What's your biggest current challenge? Have your say in Community Polls along the right column.

Image Variants and Color Swatches Not Displaying on Collection Page

Solved

Image Variants and Color Swatches Not Displaying on Collection Page

Digital_Imran
Shopify Partner
250 2 38

Hello everyone 😉
I'm using the Impact theme, which supports image and color variant displays on the collection page and in the featured collection section. I've successfully done this in the past. However, on a new store I created using the Impact theme, the image variants and color swatches are not showing up on the collection page or in the featured collection section. I've attached a screenshot and included the website URL. Does anyone have a solution for this? Thanks in advance!

 

Store URL: https://www.fabyh.com/


screenshot.png

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Accepted Solution (1)

swym
Trailblazer
157 33 73

This is an accepted solution.

Hey @Digital_Imran

 

I reviewed the official support documentation regarding implementing color swatches on the collection pages, and looks like you have already followed the correct steps and are using the right customization settings to enable the swatches. However, since the swatches are still not visible, this could be due to the naming of the "color" option as "colors" in your case. 

 

I tried replicating the same thing on my dev store, and found that the swatches do not show up when the option name is set to "Colors", you can see the screenshot below: 

swym_0-1731147498599.png

 

 

But when I renamed the option name to either "Color" or "Colour" the swatches are visible, on the product and the collection pages. See screenshots below: 

swym_1-1731147748629.png

swym_2-1731147809894.png

 

Collection Page: 

 

swym_3-1731147880187.png

 

So please try considering renaming your "Colors" option to "Color" or "Colour", and this should fix the issue of swatches not showing up.

 

I hope this helps!

 

If my response helped you, please consider giving it a like (👍) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.

 

Thank you!

 

Regards,
Abhishek from Swym 

- Appreciate the assistance. Show your approval with a Like! And when your question finds its answer, seal the deal by marking it as an Accepted Solution!
- Our Solutions: Wishlist Plus | Swym Back in Stock Alerts | Swym Gift Lists and Registries

View solution in original post

Replies 2 (2)

swym
Trailblazer
157 33 73

This is an accepted solution.

Hey @Digital_Imran

 

I reviewed the official support documentation regarding implementing color swatches on the collection pages, and looks like you have already followed the correct steps and are using the right customization settings to enable the swatches. However, since the swatches are still not visible, this could be due to the naming of the "color" option as "colors" in your case. 

 

I tried replicating the same thing on my dev store, and found that the swatches do not show up when the option name is set to "Colors", you can see the screenshot below: 

swym_0-1731147498599.png

 

 

But when I renamed the option name to either "Color" or "Colour" the swatches are visible, on the product and the collection pages. See screenshots below: 

swym_1-1731147748629.png

swym_2-1731147809894.png

 

Collection Page: 

 

swym_3-1731147880187.png

 

So please try considering renaming your "Colors" option to "Color" or "Colour", and this should fix the issue of swatches not showing up.

 

I hope this helps!

 

If my response helped you, please consider giving it a like (👍) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.

 

Thank you!

 

Regards,
Abhishek from Swym 

- Appreciate the assistance. Show your approval with a Like! And when your question finds its answer, seal the deal by marking it as an Accepted Solution!
- Our Solutions: Wishlist Plus | Swym Back in Stock Alerts | Swym Gift Lists and Registries
Digital_Imran
Shopify Partner
250 2 38

Thank you so much . It works 😄

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.