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