Related products

How to display related products of the current product page

Related products are based on products that are commonly purchased together, have a similar product description, or products in related collections. Related products become more accurate over time as more order and product information becomes available.

Steps:

1. In the theme editor (Customize), open the template selector

2. Select Products, then Default product.

3. On the left-side bar > Select Related products.

4. Make necessary changes > Save.

General settings

Dynamic recommendations use order and product information to change and improve over time. Learn more

• Width - With of this section 3 options : Container / Stretched / Full width

Section header

• Subheading

• Heading - Heading of this section

• Heading size - From h1 to h6

• Description - Description of this section

• Layout - Horizontal / Vertical

Grid

• Stack products - Display products in a grid layout. ( If disable Layout products is carousel )

• Show carousel progress bar

• Enable overflow visible - When this feature is enabled, the Carousel will be allowed to overflow from the container

• Maximum products to show

• Columns on desktop

Mobile Layout

• Columns on mobile : 1 column / 2 columns

Colors

• Background

• Text color

Section padding

• Top padding

• Bottom padding