Skip to content
Tread Documentation

Image comparison

A before-and-after image comparison with a draggable divider — theme editor → Add section → Image comparison. Available on regular page templates (not the header, drawers, or popups).

Images

Section titled “Images”
  • Before image — the “before” image.
  • After image — the “after” image.
  • Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, or 2:3. Default 16:9.

Labels

Section titled “Labels”
  • Show labels — show the “Before”/“After” captions on the images. Default on.
  • Before label — default “Before”.
  • After label — default “After”.

Handle

Section titled “Handle”
  • Starting position — where the divider sits when the section first loads. Range 0–100%, step 5, default 50%.

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.
  • Container size — Full, Wide, or Normal. Default Normal.
  • Include header offset — pushes the section down by the header’s height, in addition to the padding above. Default off.

Blocks

Section titled “Blocks”