Blocks
Chapter 5 of the Ribbon 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 |
|---|---|
| Kicker | Text ("The spring edit"): the short accent line with a small bow before it |
| Heading | Text, set in the display serif |
| Text | Text. Italic words switch to the heading font's italic, the "serif italic in a sans paragraph" of a fashion magazine. |
| Button | Button label ("Shop new in"), Style (Primary, the accent pill; Secondary, an outline pill that fills on hover; or Text link, an underlined link) and Link |
| 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 care instructions. A row without a heading isn't shown. |
| Custom Liquid | Liquid |
A Kicker, Heading, Text or Button with nothing in it shows nothing to shoppers (the theme editor shows a note in its place). 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, Fit and size, Buy buttons, Wear it with link, Perk and the rest) are in chapter 6, the signature feature blocks in chapters 9 and 10, and the footer's blocks in chapter 3.