Skip to content
Tread Documentation

Products with content

Theme editor → Add section → Products with content. Displays a hand-picked list of products alongside a block of content (heading, text, button). Available in the main page sections list — not usable in the header, cart/search drawers, or popups.

Products

Section titled “Products”
  • Products — the list of products to display.
  • Mobile — number of columns on mobile. 1 or 2. Default 2.

Content

Section titled “Content”
  • Image — image shown on the content side.
  • Opacity — darkens/lightens the image so overlaid text stays readable. Range 0–100%, step 10%, default 50%.
  • Aspect ratio (mobile) — 1:1, 4:5, 3:4, 2:3, 4:3, 16:9, or 9:16. Default 1:1.
  • Color scheme — color scheme applied to the content side, independent of the section’s own color scheme.
  • Order — Products first or Content first. Default Products first.
  • Horizontal alignment — Left, Center, or Right. Default Center.
  • Vertical alignment — Top, Middle, or Bottom. Default Middle.
  • Max width — caps the width of the content column. Medium, Large, X-large, 2X-large, 3X-large, 4X-large, 5X-large, or None. Default 2X-large.

Section settings

Section titled “Section settings”
  • Color scheme — default Scheme 1.
  • Spacing — Bottom, Top, Top and bottom, or None. Default Top and bottom.
  • Spacing size — Base, Small, or X-small. Default Base.
  • Include header offset — if enabled, the section is offset by the header’s height in addition to the padding above. Default off.

Blocks

Section titled “Blocks”