TessaroDocumentationTessaro handbook
Section library / Reference

Search

Render Shopify’s full search results page.

When to use it#

Render Shopify’s full search results page.

Set up#

Configure the existing search template’s layout and result controls.

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.

Colors

Background color#

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

Control
color
Default
Not set

Heading 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
#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
64

Padding bottom (desktop)#

Range: 0–200 px.

Control
range
Default
80

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
48
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.