TessaroDocumentationTessaro handbook
Theme settings / Reference

Product cards

Configure product cards across your storefront.

Where to find these controls#

Open the theme editor, select Theme settings, then Product cards. Preview representative home, product, collection and cart pages before saving.

Settings reference#

Defaults below come from the current schema. Presets and saved store settings can override them.

Show color swatches#

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

Control
checkbox
Default
On

Color option names#

Comma-separated option names. Native Shopify swatches are detected automatically.

Control
text
Default
Color,Colour,Цвет,Колір

Custom color mapping#

One color per line: option value:#hex. Native Shopify swatches take priority; otherwise variant images are used.

Control
textarea
Default
Navy:#182438 Dark sage:#829080 Black:#171717 White:#ffffff Heather gray:#9A9D9F

Enable quick view#

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

Control
checkbox
Default
On

Show second image on hover#

Shows another product image on devices with a mouse. Selecting a color keeps its own image.

Control
checkbox
Default
On

Quick view option picker#

Choices: Buttons, Select.

Control
select
Default
Buttons

Quick view color style#

Choices: Color swatches, Variant thumbnails, Text buttons.

Control
select
Default
Color swatches
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.