Quick buy button block
The Quick buy button block of Combine adds an add to cart button for one product inside flex sections and cards.
Applies to: Combine 4.2.0 and later. Added in: Combine 3.1.0. Last checked: 2026-10-13 against Combine 4.2.0.
The Quick buy button block adds a buy button for one product you pick, inside a slide, card or column. Customers buy straight from a landing page or a promotional slide without opening the product page.
Where to find it: in a Flex slideshow, Flex grid, Flex cards or Flex columns section, select Add block inside a slide, card or column, then choose Quick buy button. You can also add it inside a Content group block.
What the button does
The button depends on the product you choose in Select product:
- A product with no variants: the button reads "Add to cart" and adds the product to the cart in one click.
- A product with variants: the button reads "Choose options" and opens the quick view popup, where the customer picks a variant. The popup is built in the Quick view template.
- A sold out product: the button reads "Sold out" and cannot be selected.
- No product selected: the block shows nothing on the storefront.
After the add to cart, the cart drawer or the quick buy popup opens as set in Cart theme settings and Product card theme settings.
Button look
- Button style is Outline (the default) or Solid.
- Show price inside "add to cart" button adds the price after the label, for example "Add to cart - $45.00". It shows only on the Add to cart button of products without variants, and only on screens 768 px and wider.
- Background under Custom colors sets the button color, as on the Button block. The label turns black or white automatically.
Why does my quick buy button say "Choose options"?
Because the product has variants. Combine cannot know which size or color the customer wants, so it opens the quick view popup instead of adding a variant. Pick a product without variants to get a one-click Add to cart.
Why does the price not show in the button?
The price shows only for products without variants, and only on desktop and tablet screens. It is hidden below 768 px to keep the button short, and the Choose options button never shows a price.
All Quick buy button settings
Every setting of this block, with its type and default.
Select product (product picker): Sets the product. A product without variants gets an Add to cart button; a product with variants gets a Choose options button that opens the quick view popup.
Button style (dropdown, default: Outline): Sets an outline button with a transparent fill, or a filled button. Options: Outline, Solid.
Show price inside "add to cart" button (checkbox, default: on): Adds the price to the Add to cart label of products without variants, on screens 768 px and wider.
Quick buy button block: Custom colors
Where to find it: Quick buy button → Custom colors
Background (color, default: transparent): Sets the button color: the border of an Outline button, the fill of a Solid one. The label turns black or white for contrast.
Related pages
- Flex sections: the sections that accept theme blocks.
- Quick view template: what the quick view popup shows.
- Button block: a button with a link instead of a product.
- Product grid blocks: the Quick buy block of product grids.