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.

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

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.

Last updated