TessaroDocumentationTessaro handbook
Section library / Reference

Product story

Add image/text story blocks beneath a product’s main details.

When to use it#

Add image/text story blocks beneath a product’s main details.

Set up#

Create a story sequence and connect imagery, headings and body 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

Alternate image positions#

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

Control
checkbox
Default
On

Show row numbers#

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

Control
checkbox
Default
On

Media ratio#

Choices: Square, Portrait, Landscape.

Control
select
Default
Square

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

Button background#

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

Control
color
Default
#2C2825

Button text#

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

Control
color
Default
#FFFFFF

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.

Image with text#

Image#

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

Control
image picker
Default
Not set

Mobile image#

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

Control
image picker
Default
Not set

Use a product image when no image is selected#

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

Control
checkbox
Default
On

Product image position#

Range: 1–10 .

Control
range
Default
1

Video#

Replaces the image. Plays only when the customer starts it.

Control
video
Default
Not set

Image position#

Choices: Follow section layout, Right.

Control
select
Default
Follow section layout

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

Use product name when heading is empty#

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

Control
checkbox
Default
Off

Text#

Connect product metafields to create a different story for each product.

Control
richtext
Default
Not set

Button label#

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

Control
text
Default
Not set

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

Control
url
Default
Not set

Section block limit: 6.

Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.