# Buy Buttons

> Boost sales with stylish buy buttons, variant options, and quantity controls that seamlessly enhance any section with theme block support.

URL: https://sectionstar.app/blocks/buy-buttons/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.825Z

---

**Buy Buttons** is a Shopify theme block in the Section Star library. Boost sales with stylish buy buttons, variant options, and quantity controls that seamlessly enhance any section with theme block support.

## Live demo

## Settings

Every setting below appears in the Shopify theme customizer once the block is published.

### Product
Select the product for the fixed bar. Product pages should use the current option. Other pages, should use a selected product.

| Setting | Type | Default |
| --- | --- | --- |
| Product | Product | — |
| Variant | Select (First Available, Show Selector) | first |
| Show Quantity | Checkbox | Off |
| Show Buy Now Button | Checkbox | On |
| Show Add to Cart Button | Checkbox | On |
| Add to Cart Text | Inline rich text | Add to Cart |
| Buy Now Text | Inline rich text | Buy Now |
| Sold Out Text | Inline rich text | - Sold Out |
| Select Text | Inline rich text | Select Option |

### Variant Selector Style
Set the look and feel of the variant selector

| Setting | Type | Default |
| --- | --- | --- |
| Selector Background | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… |
| Selector Text Size | Range | 15 |
| Selector Text Color | Color | #111 |
| Selector Highlight Color | Color | #f0f0f0 |
| Selector border Color | Color | #f0f0f0 |

### Button Style
Set the look and feel of the button

| Setting | Type | Default |
| --- | --- | --- |
| Alignment | Text alignment | left |
| Buy Now Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Buy Now Text Color | Color | #fff |
| Add to Cart Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Add to Cart Text Color | Color | #111 |
| Text Size | Range | 15 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Button Border Size | Number | 1 |
| Border Color | Color | #ddd |
| Subtle Shadow on Button | Checkbox | Off |
| Subtle Lift Animation on Button | Checkbox | Off |
| Desktop CSS | Liquid | — |
| Mobile CSS | Liquid | — |