Brand logos
sections/brand-logos.liquid
Settings
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Section header | ||||
| Heading | heading | Text | As featured in | |
| Heading size | heading_size | Dropdown | small | Options: Small, Medium, Large. |
| Heading alignment | heading_alignment | Dropdown | left | Options: Left, Center, Right. |
| View more label | link_label | Text | ||
| View more link | link_url | Link | The label only appears when a link is set. | |
| Layout | ||||
| Layout | layout | Dropdown | grid | Scrolling moves continuously and ignores the row and column settings below. Options: Grid, Grid, swipe carousel on mobile, Scrolling. |
| Scrolling speed | scroll_speed | Slider | 40 | Pixels per second. A speed rather than a loop time, so adding logos lengthens the row without speeding it up. Range: 10–120 step 5. |
| Scrolling direction | scroll_direction | Dropdown | left | Options: Right to left, Left to right. |
| Logos per row | columns_desktop | Slider | 5 | Range: 3–8 step 1. |
| Logos per row (mobile) | columns_mobile | Dropdown | 2 | Ignored when the mobile layout is a carousel. Options: 2, 3. |
| Space between logos | gap | Slider | 32 | Range: 0–80 step 4. |
| Alignment | alignment | Dropdown | center | Only visible when the last row is not full. Options: Left, Center, Right. |
| Logos | ||||
| Logo height | logo_height | Slider | 48 | Every logo is fitted into a box of this height, so a wide wordmark and a square badge sit together evenly. Range: 24–120 step 4. |
| Logo opacity | opacity | Slider | 100 | Range: 20–100 step 5. |
| Remove logo color | grayscale | On/off | Off | Usually the fastest way to make a row of unrelated brand marks look consistent. |
| Restore color on hover | reveal_on_hover | On/off | On | Applies to linked logos when color is removed. |
| Show logo names | show_names | On/off | Off | |
| Style | ||||
| Color scheme | surface | Dropdown | background | Options: Background, Surface, Primary, Accent. |
| Logo container | card_style | Dropdown | none | Options: None, Outlined, Filled. |
| Make section full width | full_width | On/off | Off | |
| Enable side padding | side_padding | On/off | On | |
| Top padding | padding_top | Slider | 48 | Range: 0–120 step 4. |
| Bottom padding | padding_bottom | Slider | 48 | Range: 0–120 step 4. |
| Top padding (mobile) | padding_top_mobile | Slider | 32 | Range: 0–120 step 4. |
| Bottom padding (mobile) | padding_bottom_mobile | Slider | 32 | Range: 0–120 step 4. |
Blocks
Logo (logo)
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Logo | image | Image | ||
| Brand name | name | Text | Used as the image description. Add it whenever the logo links somewhere, or the link has no name a screen reader can read. | |
| Link | link | Link | ||
| Open in a new window | new_tab | On/off | Off | |
| Size adjustment | scale | Slider | 100 | Nudge an individual logo that looks too big or too small next to the others. Range: 50–150 step 10. |
Maximum blocks: 24
Presets
Available in Add section: Brand logos