Upsell is a Shopify theme block in the Section Star library. Provide an upsell opportunity in any section that supports Theme Blocks.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the block is published.
| Setting | Type | Default |
|---|---|---|
| Text Size | Range | 14 |
Product
Set the product to upsell
| Setting | Type | Default |
|---|---|---|
| Product | Product | — |
Button
Set the display of the button
| Setting | Type | Default |
|---|---|---|
| Button Text Color | Color | #fff |
| Button Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Button Border Radius | Number | 5 |
Upsell Display
Set the display of the upsell block
| Setting | Type | Default |
|---|---|---|
| Highlight Color | Color | #f8f8f8 |
| Add to Cart | Inline rich text | Add |
| Sold Out | Inline rich text | Sold Out |
| Desktop CSS | Liquid | — |
| Mobile CSS | Liquid | — |
Advanced
Set advanced add to cart options
| Setting | Type | Default |
|---|---|---|
| Submit without going to Cart? | Checkbox | On |
| Count Target (CSS selector) | Text | .cart-count-bubble span:first-child |
How to add this block to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and find “Upsell” 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.