{"product_id":"pre-order-button-on-product-page-symmetry","title":"Pre-Order Button on Product Page","description":"\u003cp class=\"task-lead\"\u003eA decor brand wanted the buy button to become a pre-order button when a specific variant was out of stock, without affecting variants that had inventory.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eEnable pre-order. Swap the buy button for a pre-order button only when a variant is out of stock. Variants with inventory should still show add to cart.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe brand sold both in-stock and made-to-order versions of the same product. The button needed to reflect which one the customer had selected.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the buy button variant-aware. Out-of-stock variants show a pre-order button with an estimated ship window; in-stock variants show add to cart. Pre-orders are tagged on the order for fulfillment.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVariant-aware pre-order button\u003c\/li\u003e\n\u003cli\u003eEstimated ship window shown on pre-orders\u003c\/li\u003e\n\u003cli\u003eIn-stock variants unaffected\u003c\/li\u003e\n\u003cli\u003ePre-orders tagged for fulfillment\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155511537738,"sku":"TASK-0071","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/pre-order-button-on-product-page-symmetry","provider":"TaskHusky","version":"1.0","type":"link"}