{"product_id":"sticky-atc-with-variant-selector-parallax","title":"Sticky ATC with Variant Selector","description":"\u003cp class=\"task-lead\"\u003eA drinkware brand wanted a sticky buy bar that added the currently selected variant when clicked.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eA buy-it-now bar at the bottom of the page that sticks as you scroll. Clicking it should add whatever variant is currently selected, not the default.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA sticky bar that needed to stay in sync with the variant picker.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a sticky buy bar that tracks the customer's variant selection and adds exactly that variant on click, showing the current price. It hides when the main button is in view.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSticky buy bar synced to the selected variant\u003c\/li\u003e\n\u003cli\u003eCurrent price shown\u003c\/li\u003e\n\u003cli\u003eHides when the main button is visible\u003c\/li\u003e\n\u003cli\u003eWorks on desktop and mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155691892810,"sku":"TASK-0256","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/sticky-atc-with-variant-selector-parallax","provider":"TaskHusky","version":"1.0","type":"link"}