{"product_id":"grid-vs-list-view-toggle-parallax","title":"Grid vs List View Toggle","description":"\u003cp class=\"task-lead\"\u003eA fashion brand wanted each color of a product shown as its own tile on collection pages, while keeping it one product underneath.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe need to show variants separately on some collections. Each color should appear as its own tile, but it's still one product. When the customer clicks, it opens with that color selected.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eShowing one tile per product hid the range. The brand wanted every color visible in the grid.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set up collection pages so each color variant appears as a separate tile with its own image, and clicking opens the product with that color preselected. The brand chooses which collections use this per collection.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eOne tile per color variant on selected collections\u003c\/li\u003e\n\u003cli\u003eProduct opens with the clicked color selected\u003c\/li\u003e\n\u003cli\u003eEnabled per collection\u003c\/li\u003e\n\u003cli\u003eStandard grid on other collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155557937226,"sku":"TASK-0112","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/grid-vs-list-view-toggle-parallax","provider":"TaskHusky","version":"1.0","type":"link"}