Quick add
An add-to-cart button on the product card, letting shoppers buy from the grid without opening the full product page.
See it
What it is
Quick add puts an add-to-cart action directly on a product card, so a shopper can buy from a collection or search grid without visiting the product page. A one-variant product can add immediately; a product with choices needs a compact size or color picker first.
Reach for it on repeat-purchase, grocery, beauty, basics, and any dense catalog where shoppers already know what they want. It removes a page trip, but it should still leave a clear path to the full product detail page for sizing, materials, and delivery information.
Gotcha: never guess a variant. Adding the first size in the list because the shopper skipped selection creates wrong orders. Lock repeated taps while the request is pending, announce success, update the shared cart state, and roll back optimistic UI if stock validation rejects the add.
Ask AI for it
Add quick add to every product card. For a single-variant product, call Shopify Storefront API's cartLinesAdd mutation immediately with the variant merchandiseId and quantity 1. For products with choices, open an anchored size and color popover and require a valid, in-stock variant before sending the same mutation. Disable the trigger while pending, optimistically update the shared cart count, roll it back on any cartLinesAdd userErrors entry or network failure, announce the result through an aria-live region, and open the existing cart drawer after success.