Buttons is a Shopify theme block in the Section Star library. Provides butttons for any section that supports Theme Blocks.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the block is published.
Primary Button
Set content for the primary button
| Setting | Type | Default |
|---|---|---|
| Alignment | Text alignment | left |
| Call to Action | Inline rich text | Shop Now |
| Call to Action Link | URL | — |
Secondary Button
Set content for the secondary button
| Setting | Type | Default |
|---|---|---|
| Show Secondary Action? | Checkbox | Off |
| Call to Action | Inline rich text | Secondary Action |
| Call to Action Link | URL | — |
Button Style
Set the look and feel of the button
| Setting | Type | Default |
|---|---|---|
| Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Primary Button Text Color | Color | #fff |
| Secondary Button Text Color | Color | #fff |
| Text Size | Range | 15 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Border Size | Number | 0 |
| Border Color | Color | #111 |
| Subtle Shadow on Button | Checkbox | On |
| Subtle Lift Animation on Link | 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 “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.