Appearance
Logo List
A row of logos for brands, partners, certifications, or clients. Adds credibility and social proof at a glance.
Try it
Change the settings below and watch the preview update in real time. Click Split to see settings and preview side by side, or use the tabs to switch between them.
Storefront preview
Settings
| Setting | What it does |
|---|---|
| Color scheme | Picks which set of colors to use for this section |
| Heading | The title above the logos (e.g., "Trusted by" or "Our brands") |
| Logo width | Logos display at a uniform size — up to 120px wide and 48px tall |
| Grayscale | Mutes the logos to greyscale, with full colour returning on hover. Off by default, so logos keep their own colours — in dark mode too. Turn it on if a dark logo is hard to see against a dark background, or upload a light version. In dark mode a muted logo is also flipped so it reads light against the dark background; hovering lifts the mute but keeps that flip, because showing the original dark artwork would make it disappear. |
| Auto-scroll | Logos sit in a centred row that wraps onto more rows on smaller screens |
Blocks
Logo
Each logo is a block:
| Setting | What it does |
|---|---|
| Image | The logo image — transparent PNGs work best |
| Link | An optional link to the brand's page or collection |
You can add as many logos as you need.
Data source
Logo blocks can also be populated from a metaobject list. Connect a list of brand_logo metaobjects to manage logos centrally — useful when the same brand list appears across multiple pages. See the Metaobjects guide for setup instructions.
Tips
- Upload logos as transparent PNGs so they blend cleanly with any background color scheme.