Blocks
Chapter 5 of the Tress user guide.
These theme blocks go into the Section and Rich text sections, the footer, the Article section, the Featured product section and the Product section's buy box (where they sit between the product blocks):
| Block | Settings |
|---|---|
| Eyebrow | Text ("Our story"): a short line in the accent text color above a heading, after the small strand glyph |
| Heading | Text ("Heading"), set in the heading font |
| Text | Text |
| Button | Button label ("Learn more") and Link: a primary lacquer button in the accent color |
| Collapsible row | Heading ("Shipping"), Content and Open by default (off; shoppers can still close it). Connect a product, page or article metafield as a dynamic source to show content that changes per item, such as a size chart. The FAQ section is built from these rows. |
| Testimonial | A testimonial card: the quote mark in the accent, the stars, the quote, then a small capsule thumbnail with the name and product line. Quote, Name ("Amara, Parramatta"), Product line ("Body wave, 22 in"), Rating (5, 0 to 5; 0 hides the stars), Product and Thumbnail (blank uses the product's image). In Rich text's Cards layout, testimonials sit side by side. Only publish real quotes. |
| Tick | Text ("100% raw human hair"): one line with a tick in the accent color. The hero lays its ticks out in a row under the buttons; elsewhere they stack. |
| Custom Liquid | Liquid |
An Eyebrow, Heading, Text, Button, Tick or Testimonial with nothing in it shows nothing to shoppers. App blocks from your apps can also go into the Section, Product and Featured product sections.
The Product section's own blocks (Product metadata, Price, Variant picker, Buy buttons, Hair details, Care, Trust rows and the rest) are in chapter 6, the signature features in chapters 8 to 11, and the footer's blocks in chapter 3.