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 | Maximum width for each logo (50–200px) |
| Grayscale | Shows all logos in greyscale for a uniform look |
| Auto-scroll | Scrolls the logos horizontally in a continuous loop |
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
- Turn on greyscale to keep logos visually consistent regardless of each brand's colours. This prevents one colourful logo from dominating the row.
- Upload logos as transparent PNGs so they blend cleanly with any background color scheme.