Cross-sell ( recommendation ) products

From version 3.0.0, the cross-sell products will be shown on the product and cart in individual sections. Please refer to this guide for showing cross-sell products on the product page, and this guide for the cart page. So you can ignore the below instructions if you are using version 3.0.0 or newer.

Open Cross-sell products settings.

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme that you want to edit and click Customize.

3. In the left-hand toolbar, click Theme settings.

4. Click Cross-sell products.

Product page

• Enable: turn on/off the cross-sell products on the product page.

• Pick a rule: specify to load the way to load the cross-sell products. There are 2 values: automation or manual. Please refer to the article for details of these rules.

  • The site will load the cross-sell products in a manual way first. If there are not found products, the site will load the cross-sell products in the automation way.

  • The site only loads the cross-sell products in a manual way. If there are not found products, the cross-sell block will be hidden.

• Display as: choose the way to show the cross-sell products block. There are two values for this setting: Calculating widget, and Carousel slider.

Show the cross-sell products as a caculating widget

Show the cross-sell products as a carousel slider

• Limit: adjust the number of products that will be shown.

Cart page

On the cart page, the cross-sell products are always shown as a carousel slider.

• Limit: adjust the number of products that will be shown.

Product carousel item settings

Only work if the cross-sell products are shown as a carousel slider on the product page or cart page. Please refer to this guide about these settings.