# Product Add-ons

> Let shoppers add optional extras — gift wrap, warranties, accessories — straight to their order with selectable add-on product cards.

URL: https://sectionstar.app/sections/product-addons/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**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 |