TessaroDocumentationTessaro handbook
Section library / Reference

Related products

Show Shopify recommendations related to the current product.

When to use it#

Show Shopify recommendations related to the current product.

Set up#

Add to a product template and set count/layout presentation.

Available from Add section where supported by its template restrictions.

Section settings#

These are schema defaults. Your installed theme or selected preset can use different saved values.

Heading

Heading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
You may also like

Products to show#

Range: 4–12 .

Control
range
Default
8

Columns#

Choices: 2, 3, 4.

Control
select
Default
4

Show pagination dots#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Show arrows#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Colors

Background color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#F9F5EF

Spacing

Margins add space outside the section. Padding adds space inside it.

Margin top (desktop)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (desktop)#

Range: 0–200 px.

Control
range
Default
0

Padding top (desktop)#

Range: 0–200 px.

Control
range
Default
48

Padding bottom (desktop)#

Range: 0–200 px.

Control
range
Default
48

Margin top (mobile)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (mobile)#

Range: 0–200 px.

Control
range
Default
0

Padding top (mobile)#

Range: 0–200 px.

Control
range
Default
32

Padding bottom (mobile)#

Range: 0–200 px.

Control
range
Default
32
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.