{"product_id":"quick-add-with-variant-selector-in-modal-mobilia","title":"Quick Add with Variant Selector in Modal","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted a quick shop popup on collection pages with a sizes-only variant layout, matching the product page style they already had.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eCreate a sizes-only variation of the variant layout for the quick shop popup on the catalog page. Customers should pick a size and add without leaving the collection.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA product page variant layout they liked, and a quick shop that needed the same treatment.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a quick shop popup that opens from collection cards with a size selector matching the product page style, price, and add to cart. The cart drawer opens on add so the customer keeps browsing.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eQuick shop popup on collection cards\u003c\/li\u003e\n\u003cli\u003eSizes-only variant layout matching the product page\u003c\/li\u003e\n\u003cli\u003eAdd to cart from the popup\u003c\/li\u003e\n\u003cli\u003eCart drawer opens on add\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155682324554,"sku":"TASK-0185","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/quick-add-with-variant-selector-in-modal-mobilia","provider":"TaskHusky","version":"1.0","type":"link"}