TessaroDocumentationTessaro handbook
Section library / Reference

Hot products

Present a selected product-focused merchandising group.

When to use it#

Present a selected product-focused merchandising group.

Set up#

Connect the product or collection settings exposed by this section and set its card layout.

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
Trending now

Subheading#

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

Control
text
Default
Not set

Carousel

Autoplay#

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

Control
checkbox
Default
On

Autoplay interval#

Range: 2–10 s.

Control
range
Default
4

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

Accent color#

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

Control
color
Default
#806042

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

Blocks#

Add, reorder and configure the supported blocks in the editor. Some block types have an individual limit.

Product#

Product#

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

Control
product
Default
Not set

Badge label#

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

Control
text
Default
Trending

Counter text#

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

Control
text
Default
Sold 120 times this week
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.