> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/zest-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/zest-theme/theme-sections/brand-list.md).

# Logo list

<figure><img src="/files/oHhiIZgsxu1tdrCQPTbB" alt=""><figcaption></figcaption></figure>

Display partner brands, press mentions, or featured collaborators in a clean grid or carousel layout. This section is perfect for building trust and credibility.

## How to add a Logo list section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Logo list.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

{% hint style="info" %}
For the best result, upload all logo images in the same size or aspect ratio with transparent backgrounds, and link the images to the relevant pages or sites.&#x20;
{% endhint %}

## How to edit a Logo list section

### Section settings

<table><thead><tr><th width="280">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Images per row</strong></td><td><p>Controls how many logos appear in a single row (2-12).<br></p><p><img src="/files/901PoPrXd6bAODpmO1qA" alt=""></p></td></tr><tr><td><strong>Column gap / Row gap</strong></td><td>Adjust spacing between logos.</td></tr><tr><td><strong>Enable carousel on desktop</strong></td><td>When enabled, turns logo list into a sliding carousel.</td></tr><tr><td><strong>Show navigation/pagination</strong></td><td>Adds arrows or dots if carousel is active.</td></tr><tr><td><strong>Enable swipe on mobile</strong></td><td>Allows mobile users to swipe through logos.</td></tr><tr><td><strong>Number of columns on mobile</strong></td><td>Choose between 1 or 2 columns per row on mobile.</td></tr></tbody></table>

### Block settings

You can add as many brand logos as you want, and all added logos, organized as individual blocks, can be easily managed.

<table><thead><tr><th width="280">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Image</strong></td><td>Upload or select a logo image. Recommended: transparent PNG or SVG.</td></tr><tr><td><strong>Image from URL</strong></td><td>Optionally use an image URL instead of upload.</td></tr><tr><td><strong>Image link</strong></td><td>Optional clickable link for each logo.</td></tr><tr><td><strong>Image width</strong></td><td>Scale the logo size independently.</td></tr></tbody></table>

{% hint style="info" %}
:star: **Tip**: Keep logos visually consistent in size and color (e.g., all greyscale or same padding).
{% endhint %}