Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page

Was this helpful?

  1. Products

Related product carousel

If you need to showcase a product carousel on product pages, the “Product carousel” section should be added.

PreviousTheme blocksNextUsage information sidebar

Last updated 2 months ago

Was this helpful?

Products -> Related product carousel

If you enable the option “Show Related products”, a related product carousel will be shown on a product page.

In the “Type”, you can choose one of the options: “Related” or “Recommendations”. If you use the related option, products will be displayed according to an internal algorithm.

Choose the “Recommendations” option to set up selected products in the section. You can use the Shopify Search & Discovery app in your Shopify Admin -> Apps to set the products that should be displayed in the Related product carousel. How to apply settings in the app, you can read below.

If you need a title in the carousel, you can write it in the “Title”. In the “Size of columns” you can choose how many products should be displayed in one row. Simply set the needed option from the dropdown list. On the “Max count” scale from 2 to 50 products you can choose the maximum number of products that should be displayed in the carousel. If this amount is bigger than the one you have set in the “Size of columns” a carousel will be dynamic and the products will be changed one by one. If the amount is the same, the carousel will be static.

If you want the products to autoplay, enable the “Autoplay” option. On the “Autoplay speed (sec)” scale from 2 to 10 seconds, you can set the time-frequency with which the products will be changed in the carousel. Additionally choose whether “Arrows” or “Bullets” should be displayed when the products change, simply by enabling one or all of these options. If you activate “Is infinite”, the related product’s carousel will be infinite. If you disable this option, the carousel will stop, once it shows the final product.

Here is an example of the “Related product carousel”:

How to change the recommended products in the Related product carousel

To set up products displayed in the Related product carousel, go to your Shopify Admin -> Apps. Here you can use the Shopify Search & Discovery app.

  • Press the button “Open” to view the app settings.

  • In the side panel of the Admin, choose the “Recommendations” item and press the button “Add recommendations”:

  • Here you can choose the main product for which recommendations will be displayed:

  • Then, add the recommended products in the “Add related products” block: