Upsell

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).

Settings
Type
Description

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.

Notes

  • Using dynamic metafields allows your upsell selections to appear in both the product page and cart.

  • 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.

Last updated