Skip to content

UGC grid

Setting Type Default What it does
Color scheme color_scheme scheme-1 Controls color scheme.
Heading text #FUELTHEBEAST Controls heading.
Handle text @STAMINA Controls handle.
Handle link url Optional. Links the handle to your social profile. Opens in a new tab.
Layout header Groups related controls in the Theme Editor.
Columns (desktop) range 6 Controls columns (desktop) from 4 to 6.
Columns (mobile) select 3 Choose one of: 2 columns, 3 columns.
Padding header Groups related controls in the Theme Editor.
Padding top range 0 Controls padding top from 0 px to 120 px.
Padding bottom range 48 Controls padding bottom from 0 px to 120 px.
  • ugc-tile - UGC tile

Type: ugc-tile

Setting IDs: image, link, alt, caption

Setting Type Default What it does
Image image_picker Controls image.
Link url Optional. Makes the whole tile a link (e.g. to the post or product).
Alt text text Describe the image for screen readers. Leave blank to treat the image as decorative.
Caption text Optional. Shown on hover or keyboard focus, bottom-left.

sections/ugc-grid.liquid