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. 1.
    From your Shopify admin, go to Online Store > Themes.
  2. 2.
    Find the theme that you want to edit and click Customize.
  3. 3.
    In the left-hand toolbar, click Theme settings.
  4. 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.