TessaroDocumentationTessaro handbook
Section library / Reference

Product highlights

Summarize a product’s key points in short content items.

When to use it#

Summarize a product’s key points in short content items.

Set up#

Add a Highlight block per point and use concise, accurate text.

Available from Add section where supported by its template restrictions. Enabled on: templates: product

Section settings#

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

Content

Show section#

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

Control
checkbox
Default
On

Subheading#

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

Control
text
Default
Not set

Heading#

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

Control
text
Default
Not set

Layout and behavior

Heading size#

Choices: Medium, Large.

Control
select
Default
Large

Heading weight#

Choices: Regular, Semibold.

Control
select
Default
Semibold

Desktop columns#

Choices: 2, 3, 4.

Control
select
Default
3

Text alignment#

Choices: Left, Center.

Control
select
Default
Left

Colors

Background#

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

Control
color
Default
#F9F5EF

Text#

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

Control
color
Default
#2C2825

Accent#

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

Control
color
Default
#806042

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
72

Padding bottom (desktop)#

Range: 0–200 px.

Control
range
Default
72

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
40

Padding bottom (mobile)#

Range: 0–200 px.

Control
range
Default
40

Blocks#

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

Highlight#

Image#

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

Control
image picker
Default
Not set

Icon#

Choices: None, Sparkle, Check, Shield, Delivery, Gift, Return, Lock, Energy, Star.

Control
select
Default
Sparkle

Heading#

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

Control
text
Default
Not set

Text#

Connect a product metafield for product-specific benefits.

Control
richtext
Default
Not set

Section block limit: 8.

Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.