{"product_id":"show-variant-specific-image-when-variant-selected-retina","title":"Show Variant-Specific Image When Variant Selected","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted the product page to open showing the main product image, not the first variant's image, until the customer chose a variant.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWhen a product with variants opens, the default product image should be selected, not the first variant's picture. Only when the customer picks a color should the image change.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe theme pre-selected the first variant and its image, which was often not the hero shot.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe changed the product page to load with the main product image and no variant selected. Once the customer picks a variant, the gallery switches to that variant's images.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMain product image shown on load\u003c\/li\u003e\n\u003cli\u003eNo variant pre-selected\u003c\/li\u003e\n\u003cli\u003eGallery switches on variant selection\u003c\/li\u003e\n\u003cli\u003eConsistent in quick view\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677605962,"sku":"TASK-0132","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/show-variant-specific-image-when-variant-selected-retina","provider":"TaskHusky","version":"1.0","type":"link"}