Beloria Documentation
  • Welcome
  • Installation
  • Header
  • Footer
  • Shopify apps
    • Boostheme Toolkit app
    • Metafields Guru
  • Static sections
    • Powerful Megamenu
      • Powerful Megamenu(version tf-3.5 or older )
    • Powerful Mobile Megamenu
      • Powerful Mobile Megamenu ( version tf-3.5 or older )
    • Product pages
      • Main product section
      • Main product - Reviews
      • Main product - Tabs
      • Main product - Upsell
      • Main product - Cross-sell
      • Old version ( tf-3.5 or older )
    • Collection pages
      • Version tf-3.5 or older
    • Blog pages
    • Posts
    • Cart page
      • Cross-sell products Section
    • Search result page
    • FAQ
  • Dynamic sections
    • Collection and product
      • Collection filter
      • Collection list
      • Flexible collection list
      • Powerful product block
      • Powerful product block 2
      • Powerful product columns
      • Product single deal
      • Simple product slider
      • Vedette product ( single product )
    • Banner & image
      • Banner creator pro
      • Layer banner
      • Information list
      • Instagram slider
      • Logo list
      • Banner & quotes
    • Text
      • Custom HTML
      • Testimonials
      • Text list
    • Marketing & others
      • Featured blog posts
      • Newsletter
      • Contact us
      • Map
      • Loox widget
      • About us 1
      • About us 2
      • About us 3
  • Theme settings
    • General
    • Collections list page
    • Typography
    • Breadcrumbs
    • Multiple languages
    • Colors & Font sizes
    • Social media
    • Favicon
    • Product settings
    • Product labels
    • Currency
    • Cart
    • Shipping rates calculator
    • Upsell products
    • Cross-sell ( recommendation ) products
    • Recently viewed products
    • Progressive web app
    • Sales notification
    • Search suggestion
    • Newsletter
    • Promotion bar
    • Cookie consent
  • For developer
  • Tips
  • Manage blocks in a section
  • Cross-sell ( recommendation ) rules
  • Change log
  • Upgrade to a new version
    • From versions older than tf-4.0
Powered by GitBook
On this page
  • Open Cross-sell products settings.
  • How are the cross-sell products loaded?
  • A. Automation
  • B. Manual
  • Product page
  • Cart page
  • Product carousel item settings

Was this helpful?

  1. Theme settings

Cross-sell ( recommendation ) products

PreviousUpsell productsNextRecently viewed products

Last updated 3 years ago

Was this helpful?

From version tf-4.0, the cross-sell products will be shown on the product and cart in individual sections. Please refer to for showing cross-sell products on the product page, and 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.

How are the cross-sell products loaded?

A. Automation

The algorithm that identifies cross-sell products is based on data about products that were purchased together and products with similar descriptions. It uses this data to provide a mix of those related products as recommendations for a given product.

In cases where purchase or product description data aren't available for a given product, products from a related collection are shown. The algorithm uses the collection in the URL from which the request to the API endpoint originated, and pulls other products from that collection. If the product doesn't have a collection URL, then the recommendation algorithm finds collections that include the product and pulls other products from those instead (excluding collections with handles “all” and “frontpage”).

The recommendation algorithm associates up to ten products per individual product, in order of relevance. For example, the first cross-sell product is more relevant than the tenth cross-sells product. Because of this, it's a good idea to show no more than four products per product page to promote only the most relevant recommendations.

Requirements and limitations

  • The types of product recommendations that appear are determined by your online store and your Shopify plan:

    • Purchase history and product descriptions: Plus plan and having <7000 products published in your Online Store, with an English storefront

    • Purchase history only: Plus plan and having <7000 products published in your Online Store, with a non-English storefront

    • Purchase history only: Non-Plus plan and having <7000 products published in your Online Store

    • Collections: Any plan with >7000 products published in your Online Store

  • The recommendation algorithm doesn't use orders that have been imported from another store or e-commerce platform to generate product recommendations.

  • Products that are out of stock, set to a price of 0, or gift cards aren't included in recommendations.

B. Manual

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.

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

You can use the Boostheme Toolkit app to specify the products as recommendations for a given product. Please view more details .

The site will load the cross-sell products in first. If there are not found products, the site will load the cross-sell products in .

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

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

this guide
this guide
a manual way
the automation way
a manual way
this guide
here