Upsell Layouts: Carousel, Stacked and Gallery
This article helps you pick a layout for your upsell offers, set how many products show, and place the upsell where you want it in the cart.
The six layouts
Open Upsell, then the Widget tab, then pick a tile under Layout.
| Layout | Looks like | Best for |
|---|---|---|
| Carousel | One product card at a time, swipe or arrows for the next | Many products, little space |
| Stacked | Products listed under each other, no arrows | Showing 2 to 4 products at once |
| Gallery carousel | Tall tiles with the image on top, 2 or more in view | Visual products like fashion or beauty |
| Minimal versions | The same three, without the grey card background | A cleaner, lighter look |
How many products show
| Layout | Setting |
|---|---|
| Carousel | Products in carousel viewport: 1 to 1.5. A value like 1.3 shows part of the next product, so customers know they can swipe |
| Gallery carousel | Products in carousel viewport: 2 to 3 |
| Stacked | Visible products: how many show at once. Default 3 |
Arrows and dots
Symbols (carousel layouts only): None, Chevron, Arrow or Dots, and where they sit. Choose None to hide them. Stacked has no Symbols setting. It shows chevrons only when there are more products than its Visible products count.
Where the upsell sits in the cart
The upsell is a section in the editor's left menu, under Content. Drag Upsell above or below other sections to move it, for example above the cart lines or right above the checkout button.
To show offers beside the cart on desktop, use Side Cart Upsell. See Side Cart Upsell.
Mobile
The cart upsell uses the same layout on mobile and desktop. Side Cart Upsell has its own mobile layout, or can be hidden on mobile.
Things you can't do
| Request | Possible? |
|---|---|
| A grid of several columns and rows | No. Use Stacked or Gallery carousel |
| Upsells on the product page or at checkout | No. Upsells show in the cart drawer, including the empty-cart view and the side cart. They don't appear on the product page or the Shopify checkout page |
| Different layouts per offer | No. Layout and design are shared by all offers in a placement |