Quick buy button block
The Quick buy button block of Local adds an add to cart button for one product inside Flex sections, with a popup for products with variants.
Applies to: Local 4.2.1 and later. Added in: Local 2.7.0. Last checked: 2026-10-13 against Local 4.2.1.
The Quick buy button block adds a buy button for one product you choose, for example on a promotional slide or a card. It is a theme block for Flex sections, their cards and slides, Flex columns and content groups.
Where to find it: Online Store → Themes → Customize → select a Flex section card, slide or column → Add block → Quick buy button
Product and label
- Select product is the product the button sells.
- Label is the button text (default "Buy now"). It is used for products with and without options.
- Button size sets Small, Regular or Large.
- Button style sets Outline or Solid.
A sold out product shows a disabled "Sold out" button.
Custom colors
- Text is the button color: the fill of a solid button, or the border and label of an outline button.
- Accent is the color the button takes on hover.
Leave them transparent to use the colors of the card or slide.
When does the Quick buy button open the Quick view popup?
When the product has several variants. The button then opens the Quick view popup, where the customer chooses the options before adding to cart. A product with only one variant goes straight to the cart. Turn on Theme settings → Product card → Always open quick buy modal to open the Quick view popup for every product. See Quick view popup.
Where does the customer go after adding to cart?
Where your cart type sends them: the cart drawer, the Popup notification or the cart page, from Theme settings → Cart → Cart type.
All Quick buy button block settings
Every setting, with its type and default.
Select product (product picker): Sets the product the button sells. Products with several variants open the Quick view popup.
Label (text field, default: "Buy now"): Sets the button text, for products with and without options.
Button size (dropdown, default: Regular). Options: Small, Regular, Large.
Button style (dropdown, default: Outline). Options: Outline, Solid.
Quick buy button block: Custom colors
Where to find it: Quick buy button → Custom colors
Text (color, default: transparent): Sets the button color: the fill of a solid button, the border and label of an outline button.
Accent (color, default: transparent): Sets the color the button takes on hover.