Brand logos
Show a grid of brand logos that link to each brand's collection.
A grid of logos, each linking to a page you choose, usually the brand’s collection. Use it for a “Shop by brand” panel when shoppers recognize your brands by logo.
Add the block
-
Pick the layout
In the mega menu panel of the preview, click Add block. Click Add custom image, hover over Brand logos and click Select. It starts with the heading “Shop by brand” and 5 sample brands.
(1) Click Add custom image, (2) pick Brand logos. -
Set up each brand
In Edit Item, for each brand click Select image under Logo, enter the Name and choose the Link. Click Add brand to add one, or Remove to delete one.
The Brand logos block in the preview, with its settings in Edit Item. -
Save and publish
Adjust the grid under Style, then click Save and Publish.
Settings
General
- Heading
- Text above the logos.
- Width
- How much of the mega menu row the block takes: Auto or 8.33% to 100%.
Style
- Logos per row
- 3, 4, 5 or 6.
- Grayscale logos, color on hover
- Shows all logos in gray and brings back the color when a shopper hovers over one.
Each brand
- Logo
- The brand logo. Without a logo, the brand Name shows as text.
- Name
- The brand name.
- Link
- Where the logo goes when clicked.
Up to 18 brands per block. Each brand also appears under the block in the Elements list, with an Add brand button: drag brands to reorder them, or click one (in the list or the preview) to edit only that brand, including its own Visibility, for example to hide one brand on mobile. Visibility for the whole block works as on every block; see Settings every block has.
Tips
- Use logos with the same shape and a transparent or white background, so the grid looks even.
- Keep Grayscale logos, color on hover on for a calm look that still reacts when shoppers point at a brand.
Was this helpful?
Thanks for your feedback! Tell us what was missing
Report an issue