How can I display color-specific product variants on listing pages?

[Boyi]

Context:

- We are trying to create product listing pages where products of the same colour are shown in the product cards

- Link for our website: https://cozylant.com/

Challenge:

- Currently, our products are configured with different ranges of colours grouped together

- How do we show the specific colour version of the sofa based on the targeted colour specific listing page?

-- For example: in grey sofa listing pages, show the grey sofa variant photo in the product card 

Sample of our product listing:

Illustration of what we hope to achieve as a listing page:

[BSS-Commerce · Accepted solution]

Hi @Boyi 

We've carefully checked your website and found your problem quite complicated. So we suggest hiring a developer.

It's what we can help with an optimal solution. If you need help from our expert, kindly share your request with us via Shopify experts: https://experts.shopify.com/bss-commerce/services?utm_source=Shopify+Community&utm_medium=Post+reply...

We will check it and give you a detailed solution. We're looking forward to working with you.

[Boyi]

Thanks BSS Commerce