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 | — |
How to add this block to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and find “Buy Buttons” in the blocks library.
- Publish it to the theme you want to use it in.
- In the Shopify theme customizer, add the block inside a compatible section.
- Configure it with the settings listed above.