Upsell
Last updated
Last updated
The Upsell block is designed to promote related or complementary products directly on the product page. This block helps increase average order value by suggesting relevant items that the customer may also be interested in purchasing.
You can display a single product or a small list of products (up to 3), and optionally enable a slider layout for visual appeal. Upsells can also follow the customer into the cart when using linked metafields.
Only one Upsell Block is allowed per section (
limit: 1
).
Single product
product
Select one upsell product to display.
Product list
product_list
Choose up to 3 upsell products. Overrides the single product if used.
Show only items in stock
checkbox
Display only upsell items that are currently available.
Layout
select
Choose layout style: Stacked
or Slider
. Pagination styles can be customized under Layout > Appearance.
Slider
Auto-rotate slides
checkbox
Enables automatic sliding for the upsell carousel.
Change slides every
range
Set the time interval for slide change when autoplay is enabled.
Colors
Background
color
Set a custom background color. Set to 'Transparent' to revert to the theme’s color scheme.
Padding
Bottom
range
Adjust bottom spacing of the block.
The slider layout is ideal for visual variety and works well on mobile devices.
If both single product and product list are set, the list takes priority.
Using allows your upsell selections to appear in both the product page and cart.