Product page · Tessaro documentation

When to use it#

Render the main product media, information and purchase interface.

Set up#

Arrange the product blocks and configure gallery, stock and buying behavior.

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.

Layout

Gallery width on desktop#

Choices: Balanced, Wide.

Control: select
Default: Balanced

Heading size#

Choices: Medium, Large.

Control: select
Default: Medium

Buying options

Show pickup availability#

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

Control: checkbox
Default: On

Show payment terms#

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

Control: checkbox
Default: On

Gallery

Gallery images#

When filtering by variant, images are matched by their alt text. For example, name images with "Blue" in the alt text to show them when the Blue variant is selected. Choices: Show all images, Show images for the selected variant.

Control: select
Default: Show all images

Enable image zoom#

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

Control: checkbox
Default: On

Stock availability

Show stock availability#

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

Control: checkbox
Default: On

Show remaining quantity#

Only shows quantities for inventory tracked by Shopify.

Control: checkbox
Default: On

Low stock threshold#

Range: 1–50 .

Control: range
Default: 5

Colors

Accent color#

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: #1F1B17

Button text color#

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: 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.

App block#

This item has no merchant-editable settings.

Media#

Maximum per section: 1.

This item has no merchant-editable settings.

Vendor#

Maximum per section: 1.

Show vendor#

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

Control: checkbox
Default: On

Product heading#

Maximum per section: 1.

This item has no merchant-editable settings.

Price#

Maximum per section: 1.

This item has no merchant-editable settings.

SKU#

Maximum per section: 1.

Show SKU#

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

Control: checkbox
Default: Off

Variant picker#

Maximum per section: 1.

Color option style#

Applies to color options. Sizes use text buttons. Color names and custom colors follow the Product cards theme settings. Choices: Text buttons, Color swatches, Variant thumbnails.

Control: select
Default: Color swatches

Quantity selector#

Maximum per section: 1.

This item has no merchant-editable settings.

Gift card recipient#

Maximum per section: 1.

This item has no merchant-editable settings.

Gift message#

Maximum per section: 1.

Enable gift message#

Sends a gift message as a cart attribute. Shows in checkout and order confirmation.

Control: checkbox
Default: On

Buy buttons#

Maximum per section: 1.

Show dynamic checkout button#

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

Control: checkbox
Default: On

Delivery estimate#

Maximum per section: 1.

Estimated dates use calendar days, including weekends. Configure processing and shipping times here; these estimates are not supplied by a carrier.

Heading#

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

Control: text
Default: Delivery estimate

Processing time#

Range: 0–7 d.

Control: range
Default: 1

Shipping time (minimum)#

Range: 1–14 d.

Control: range
Default: 2

Shipping time (maximum)#

Range: 1–21 d.

Control: range
Default: 5

Order cutoff time#

Uses the store time zone. Orders after this hour add one calendar day. Range: 0–24 h.

Control: range
Default: 14

Background color#

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

Control: color
Default: #F0EAE1

Accent color#

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

Control: color
Default: #806042

Text color#

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

Control: color
Default: #2C2825

Description#

Maximum per section: 1.

This item has no merchant-editable settings.

Heading#

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

Control: text
Default: Talk about your brand

Text#

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

Control: richtext
Default: <p>Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or provide a review.</p>

Custom liquid#

Add app snippets or other Liquid code to create advanced customizations.

Control: liquid
Default: Not set

Short description#

Maximum per section: 1.

Use product description excerpt#

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

Control: checkbox
Default: Off

Content#

Connect a product rich text metafield using a dynamic source.

Control: richtext
Default: Not set

Content accordion#

Heading#

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

Control: text
Default: Product details

Content#

Connect a product rich text metafield using a dynamic source.

Control: richtext
Default: Not set

Open by default#

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

Control: checkbox
Default: Off

Product advantages#

Columns#

Choices: 2, 3.

Control: select
Default: 3

Mobile columns#

Choices: 1, 2.

Control: select
Default: 2

Alignment#

Choices: Left, Center.

Control: select
Default: Left

Text color#

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

Control: color
Default: #2C2825

Fill up to six advantages. Empty items are hidden. Connect headings, descriptions, and images to product metafields using dynamic sources.

Advantage 1

Icon#

Choices: None, Truck, Shield, Refresh, Gift, Sparkle, Lock, Check, Star, Bolt.

Control: select
Default: Check

Custom icon#

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

Control: image picker
Default: Not set

Heading#

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

Control: text
Default: Not set

Description#

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

Control: textarea
Default: Not set

Advantage 2

Icon#

Choices: None, Truck, Shield, Refresh, Gift, Sparkle, Lock, Check, Star, Bolt.

Control: select
Default: Check

Custom icon#

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

Control: image picker
Default: Not set

Heading#

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

Control: text
Default: Not set

Description#

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

Control: textarea
Default: Not set

Advantage 3

Icon#

Choices: None, Truck, Shield, Refresh, Gift, Sparkle, Lock, Check, Star, Bolt.

Control: select
Default: Check

Custom icon#

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

Control: image picker
Default: Not set

Heading#

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

Control: text
Default: Not set

Description#

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

Control: textarea
Default: Not set

Advantage 4

Icon#

Choices: None, Truck, Shield, Refresh, Gift, Sparkle, Lock, Check, Star, Bolt.

Control: select
Default: Check

Custom icon#

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

Control: image picker
Default: Not set

Heading#

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

Control: text
Default: Not set

Description#

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

Control: textarea
Default: Not set

Advantage 5

Icon#

Choices: None, Truck, Shield, Refresh, Gift, Sparkle, Lock, Check, Star, Bolt.

Control: select
Default: Check

Custom icon#

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

Control: image picker
Default: Not set

Heading#

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

Control: text
Default: Not set

Description#

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

Control: textarea
Default: Not set

Advantage 6

Icon#

Choices: None, Truck, Shield, Refresh, Gift, Sparkle, Lock, Check, Star, Bolt.

Control: select
Default: Check

Custom icon#

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

Control: image picker
Default: Not set

Heading#

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

Control: text
Default: Not set

Description#

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

Control: textarea
Default: Not set

Size guide#

Maximum per section: 1.

Enable size guide#

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

Control: checkbox
Default: On

Link and dialog heading#

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

Control: text
Default: View size guide

Connect product metafields using dynamic sources. Leave all content empty to hide the guide for a product. Use a page reference for a reusable guide with an HTML table.

Guide text#

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

Control: richtext
Default: Not set

Guide image#

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

Control: image picker
Default: Not set

Guide page#

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

Control: page
Default: Not set

Dialog background#

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

Control: color
Default: #FFFFFF

Dialog text#

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

Control: color
Default: #2C2825

Quick order#

Maximum per section: 1.

Replaces the variant picker, quantity selector and buy buttons. Gift cards and products requiring subscriptions retain standard purchase controls.

Heading#

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

Control: text
Default: Choose your quantities

Show images#

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

Control: checkbox
Default: Off

Show SKU#

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

Control: checkbox
Default: Off

Show volume pricing#

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

Control: checkbox
Default: On