Related products

Related products enhance the shopping experience, boost sales, and improve customer loyalty on websites.

Section settings

General setting

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fixed width: depends on your page content width in Theme settings -> Layout.

  • Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Heading

The title of the section

Description

The description of the section

Heading size

Select size for title display

Alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Collection

Setting
Description

Maximum items to show

Limit the display of the number of posts. Minimum: 2. Maximum: 12

Items per row on desktop

Number of columns to display on desktop computers. Minimum: 2. Maximum: 6.

Column gap

4 options for column gap

  • Small

  • No gap

  • Medium

  • Large

Setting
Description

Enable carousel

When enabled, the section will be displayed in carousel format

Show navigation

Display the next and back controls for the carousel

Show pagination

Display the pagination for the carousel

Reveal next slide

Show a preview of the next slide

Items per row on mobile

Select the number of items displayed per row on mobile screens.

Section padding

Setting
Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Last updated