{"product_id":"variant-image-on-collection-card-prestige","title":"Variant Image on Collection Card","description":"\u003cp class=\"task-lead\"\u003eA brand with many color variants wanted color-specific collections where each variant showed its own image on the card.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI have products with eleven color variants each. I want to create sub-collections by color so when a customer browses by color, the card shows that color's image.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eCollection cards that always showed the default color.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set up color-filtered collection views where each product card shows the image for the browsed color, and clicking opens the product with that color selected.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eColor-filtered collection views\u003c\/li\u003e\n\u003cli\u003eCard shows the browsed color's image\u003c\/li\u003e\n\u003cli\u003eProduct opens with that color selected\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155695202378,"sku":"TASK-0298","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/variant-image-on-collection-card-prestige","provider":"TaskHusky","version":"1.0","type":"link"}