Product Add-ons is a Shopify theme section in the Section Star library. Let shoppers add optional extras — gift wrap, warranties, accessories — straight to their order with selectable add-on product cards.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Behavior
| Setting | Type | Default |
|---|---|---|
| Selectable (checkbox) mode | Checkbox | On |
| Go to Cart After Adding | Checkbox | Off |
| Selected Highlight Color | Color | #111 |
Grid
| Setting | Type | Default |
|---|---|---|
| Columns | Range | 4 |
| Mobile Columns | Range | 2 |
| Gap | Number | 16 |
Card Design
| Setting | Type | Default |
|---|---|---|
| Card Background | Color or gradient | linear-gradient(164deg, #fafafa 0%, #… |
| Card Padding | Number | 16 |
| Card Radius | Range | 14 |
| Card Border Size | Number | 1 |
| Card Border Color | Color | #eee |
| Card Shadow | Checkbox | Off |
| Card Text Alignment | Text alignment | center |
| Image Aspect Ratio | Select (1:1, 4:5, 3:4, 4:3) | 1 / 1 |
| Image Fit | Select (Cover, Contain) | contain |
| Image Radius | Range | 8 |
| Title Size | Range | 15 |
| Title Color | Color | #111 |
| Price Size | Range | 15 |
| Price Color | Color | #111 |
| Compare-at Price Color | Color | #c0392b |
Text
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | left |
| Headline | Inline rich text | Addons |
| Text | Inline rich text | — |
| Spacing Below Headline | Number | 18 |
| Sold Out Text | Inline rich text | Sold out |
Add Button
| Setting | Type | Default |
|---|---|---|
| Button Text | Inline rich text | Add selected to cart |
| Adding Text | Inline rich text | Adding... |
| Added Text | Inline rich text | Added! |
| Spacing Above Button | Number | 18 |
| Button Text Size | Range | 15 |
| Padding Top/Bottom | Number | 14 |
| Padding Left/Right | Number | 24 |
| Button Radius | Range | 6 |
| Button Border Size | Number | 0 |
| Button Border Color | Color | #111 |
| Button Background | Color or gradient | linear-gradient(164deg, #111 0%, #111… |
| Button Text Color | Color | #fff |
Add-on block settings
| Setting | Type | Default |
|---|---|---|
| Product | Product | — |
| Custom Title (optional) | Text | — |
| Selected by Default | Checkbox | Off |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Product Add-ons”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.