TessaroDocumentationTessaro handbook
Section library / Reference

Product showcase

Feature a selected product with dedicated editorial presentation.

When to use it#

Feature a selected product with dedicated editorial presentation.

Set up#

Select the product and review image, text and action settings.

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.

Content

Product#

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

Control
product
Default
Not set

Background image#

Uses the product image when empty.

Control
image picker
Default
Not set

Mobile background image#

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

Control
image picker
Default
Not set

Subheading#

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

Control
text
Default
In the spotlight

Heading#

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

Control
text
Default
Designed for everyday living

Text#

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

Control
richtext
Default
<p>Bring your favorite product into focus. Share the details, materials, and ideas that make it special.</p>

Button label#

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

Control
text
Default
View product

Layout and behavior

Text position#

Choices: Left, Center, Right.

Control
select
Default
Left

Heading size#

Choices: Medium, Large.

Control
select
Default
Large

Desktop height#

Range: 320–900 px.

Control
range
Default
640

Mobile height#

Range: 320–900 px.

Control
range
Default
520

Image darkening#

Range: 0–100 %.

Control
range
Default
40

Enable image parallax#

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

Control
checkbox
Default
Off

Show price#

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

Control
checkbox
Default
Off

Show button#

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
#2C2825

Text color#

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

Control
color
Default
#FFFFFF

Button background#

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

Control
color
Default
#FFFFFF

Button text#

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

Control
color
Default
#2C2825

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
0

Padding bottom (desktop)#

Range: 0–200 px.

Control
range
Default
0

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
0

Padding bottom (mobile)#

Range: 0–200 px.

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

Search guides, settings and sections.