Adding a recommended products section

Enhance your product pages with personalized product recommendations, automatically generated to guide customers towards products they'll love. This feature not only increases product discovery but also boosts sales by showcasing relevant products to engaged customers.

On this page

Understanding product recommendations

Product recommendations are drawn from commonly purchased items and products within related collections. These recommendations become increasingly personalized as more order and product data accumulates. For more insights into the data utilized for product recommendations, refer to the Shopify theme development documentation.

Customizing product recommendations

To customize the product recommendations, follow these steps:

  1. On your Shopify Admin dashboard, click Online Store > Themes.

  2. On the Themes page, choose Concept theme and click on the theme's button Customize.

  3. Open the drop-down menu at the top of the page.

    Select Products > Default products to load the template in the theme editor.

  4. In Template section group, the recommended products section woulbe named Related products in default. This section showcases personalized product recommendations.

  5. The settings of this Related products section:

    Section settings Settings Description
    Related products
    Number of related products Selects from 2 to 12 products to display in this section.
    Number of columns on desktop Customizes the number of columns displayed on desktop from 1 to 5.
    Enable carousel on desktop Displays a carousel of products on desktop.
    Mobile layout
    Number of columns on mobile Customizes the number of columns displayed on mobile: 1 columns or 2 columns.
    Enable swipe on mobile Toggles mobile swipe gesture via the option
    Heading
    Heading The section title.
    Heading size The heading size can be set to one of the following options: Small, Medium, Large, or Extralarge.
    Heading alignment The Heading can be aligned to the Left, Center, or Right.
    Heading tag Selects the heading tag to structure and organize your content for SEO.
    Subheading The subheading for the heading is placed above the heading.
    Description The description text for the heading is placed below the heading.
    Highlighted text

     
    Highlighted text Chooses from one of the following 6 options to format your text:
    • Text color
    • Text background color
    • Fancy underline
    • Regular underline
    • Stencil text
    • Hand-drawn scribble
    Highlighted scribble

    Require highlighted text style to be set to Hand-drawn scribble.

    		 This setting offers 5 ways to highlight text:
    • Circle
    • Basic underline
    • Sketch underline
    • Squiggle underline
    • Squiggle underline 2
    Color

     

    		 You can optionally customize the colors of the section, including the following:
    • Text
    • Background
    • Background gradient
    • Highlight
    • Highlight gradient
    • Button text
    • Button background
    • Button background gradient
    Section
    Can adjust padding in Top padding and Bottom padding from 0px to 120px, increasing arithmetically of 4px.
    Show section divider Shows a line divider above this section.
    Make section narrow Makes the container narrow.
    Make section rounded Applies a rounded edge to the top two corners.
    Custom CSS Adds custom CSS to this section.

We hope this article has been helpful. If you have any questions or concerns about this feature, please do not hesitate to contact our team for support.

Back to Concept Support