Logo list
A plain row of logos, with an optional quote per logo.
At a glance: Add it to any page with Add section.
Good for
- A grid of stockists, each logo linking to the retailer
- Partner or certification logos with a short line under each
- A scrolling row of brand logos on mobile
How to add the section
- From your Shopify admin, go to Online Store → Themes and click Customize on Sublime.
- Open the page you want to edit from the dropdown at the top of the editor.
- In the left sidebar, click Add section.
- Search for Logo list and select it.
- Drag it into position, adjust the settings below, and click Save.
Section settings
Content
| Caption | Small label above the heading, used for eyebrow text like a category or a date. |
| Heading | The section title. Leave it empty to hide the heading row entirely and let the content start at the top. |
| Heading size | Picks one of the heading sizes defined in Theme settings → Typography, so headings stay consistent across sections instead of being sized one by one.
Choose Default (default), H1, H2, H3, H4, H5 or H6. |
| Description | Body copy shown under the heading. Supports bold, italic and links. |
| Text alignment | Aligns the heading and body text left, center or right.
Default: Left. |
| Button label | Text on the button. Leave it empty to hide the button. Two or three words reads best. |
| Button link | Where the button goes. A button with no link is not shown. |
| Open link in new tab | Opens the button link in a new browser tab. Best kept for links that leave your store.
Off by default. |
| Button style | Picks one of the button styles defined in Theme settings → Buttons: primary, secondary or tertiary.
Choose Primary (default), Secondary or Tertiary. |
| Button icon | Optional icon shown after the button label.
Choose None (default), Arrow left, Arrow right, Arrow up, Arrow down, Chevron left, Chevron right, Chevron up, Chevron down, Arrow up right, Plus, Minus, Cross, Check, Play, Cart, Shopping cart, Search, Link, Download, Envelope, Home, Edit, User, Login, Heart, Chat, Filter, Trash, Share, Phone, Map pin or Eye. |
Layout
| Desktop columns | How many items sit side by side on desktop.
Adjustable from 3 to 6 (default 4). |
| Show brand quote | Adds a short quote under each logo, written on each Logo block. With quotes on, all logos line up at the top of their tiles.
Off by default. |
| Quote alignment | Aligns the quote text under each logo.
Default: Left. Only appears when Show brand quote is on. |
| Enable carousel on desktop | Turns the row into a swipeable carousel on desktop instead of wrapping items onto a second line.
Off by default. |
| Desktop stack alignment | When the last row isn't full on desktop, whether its logos gather to the left, center or right.
Default: Left. Only appears when Enable carousel on desktop is off. |
| Enable carousel on mobile | Turns the row into a swipeable carousel on mobile.
Off by default. |
| Mobile stack alignment | When a logo is left on its own in the last row on mobile, whether it sits left, center or right.
Default: Left. Only appears when Enable carousel on mobile is off. |
Appearance
| Color scheme | Sets the background, text, border and button colors for the section. Schemes are defined once in Theme settings → Colors and reused everywhere, so changing a scheme updates every section using it. |
| Card color scheme | Color scheme for cards inside the section, so they can sit apart from the section background. |
Spacing
Top and bottom spacing for desktop, with optional separate values for mobile. These are the same controls on every section. See Settings every section shares.
Blocks
Blocks are the individual pieces inside the section. In the sidebar, click Add block under the section to add one, and drag blocks to reorder them. The order in the sidebar is the order on the page.
Logo block
Logo
| Logo | The image for this block.
200 x 80px .png or .svg recommended. |
| Desktop logo width | Displayed logo width. Upload at roughly twice this value to stay sharp on retina screens.
Adjustable from 40% to 100% (default 60%). |
| Mobile logo width | Displayed logo width on mobile.
Adjustable from 40% to 100% (default 60%). |
Content
| Quote | A short line from this brand or press outlet, shown under its logo. Only shown when Show brand quote is on in the section settings.
Only appears when Show brand quote is on. |
| Link | Where the button goes. A button with no link is not shown. |
| Open link in new tab | Opens the link in a new browser tab. Best kept for links that leave your store, so shoppers don't lose their place.
Off by default. |
Tips
- Upload logos with transparent backgrounds so they sit cleanly on the card color.
- Trim empty space around each logo before uploading; extra padding makes a logo look smaller than its neighbors.
- Adjust logo widths one by one. Wide wordmarks usually need a smaller width than square marks to look the same size.
Troubleshooting
The quote I wrote on a logo isn't showing
Quotes only appear when Show brand quote is on in the section settings.
My logo isn't clickable
Add a Link in the Logo block. Logos without a link aren't clickable.