Recommended Products Section
This guide describes setting up the Recommended Products section.
Set up a Recommended Products section
To set up a Recommended Products section:
- Go to Customize theme
- In Theme editor, select a product template page
- Select "Add section" > "Recommended products"
Note: This section is only available on product template pages.
From the side menu, select Recommended Products to configure the following settings:
| Setting name | Description |
|---|---|
| Title | Enter heading text for the recommendations section. Default is "Related products" |
| Title alignment | Position the title left or right. Default is left |
| Related products title size | Choose text size from S to 7XL, with responsive options. Default is "text-base" |
| Product display type | Choose between "Grid" or "Carousel" layout. Default is grid |
| Number of related products | Set how many products to display (1-10). Default is 8 |
| Products per row | For grid layout, choose 2-5 products per row. Default is 4 |
| Related products per row (mobile) | Choose 1 or 2 products per row on mobile. Default is 1 |
| Vertical spacing | Set space between product rows (0-100px). Default is 20px |
| Horizontal spacing | Set space between products (0-100px). Default is 4px |
| Navigation style | For carousel layout, choose between "Arrows" or "Text labels". Default is arrows |
| Horizontal spacing size | Choose "None" or "Small" padding between products. Default is none |
| Add outer gap | Enable to add padding around the entire section. Default is false |
Note: Product recommendations are dynamic and will improve over time based on shopping behavior across your store. The section requires some shopping data to begin showing relevant recommendations.