Quick-Add Button
Adds a product's default variant to the cart directly from a product card without visiting the PDP.
AP_QuickAddButton adds a product’s default variant to the cart directly from a product card, without the user needing to visit the PDP. On mount it fetches the product’s first available variant and adds that to the cart when clicked. It exposes two slots: Button (ready) is shown when the variant is in stock, and Out of Stock is shown when it is not. An optional drawer-open behaviour fires after a successful add. The quantity defaults to 1 but is configurable.
Property Controls
Product ID
—
The Shopify product ID for this product. The component fetches the default variant using this ID.
Qty
1
Quantity added to the cart on click. Range: 1–99.
Open Drawer
true
When on, opens the cart drawer immediately after the item is added.
Button (ready)
—
Slot shown when the product is in stock and ready to add. Connect your styled add button instance.
Out of Stock
—
Slot shown when the product’s default variant has no available stock.