# Brand logos

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

The **Brand logos** section allows you to display logos in a customizable grid format—ideal for building trust, showcasing retail partnerships, or promoting house brands.

## How to add a Brand logos section to your Shopify store

{% hint style="success" %}
Steps:

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

## How to edit a Brand logos section

### Section settings

#### General

* **Color scheme:** Apply one of your theme’s preset color styles. Learn more: [Colors](/hyper-theme/theme-settings/colors.md)

#### Section header

* **Text alignment:** Set heading/subheading alignment (Left, Center, Right).

{% tabs %}
{% tab title="Left" %}

<figure><img src="/files/zFRa6x8TbCoWBhRT6xHJ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Center" %}

<figure><img src="/files/uKouOs1SsEKcYV2rA7KL" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Right" %}

<figure><img src="/files/K2kA61dgFHRyPA3DmGHM" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Text alignment on mobile:** Control mobile-specific header alignment.
* **Subheading & Heading:** Add section titles.
  * *For animated heading, learn more:* [Add Highlighted text to your Headings](/hyper-theme/faqs/add-highlighted-text-to-your-headings.md)
* **Highlight settings:** Customize style, font, and text color for animated headings.
* **Heading size & description size:** Set appropriate font sizes for title and supporting text.
* **Button settings**:
  * **Button label:** Set a call-to-action label like "Shop All Brands".
  * **Button link:** Add a URL to your brand collection or all-collections page.
  * **Button style:** Control what style the button uses.
  * **Button icon:** Add an icon after the label.

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

#### Image settings

* **Image padding:** Add spacing around each logo (None, Small, Medium).
* **Image width:** Define the size of each logo (Medium/Large/Full width).

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

#### Grid settings

* **Number of columns on desktop:** Choose how many logos to show in a row (2–10).
* **Column gap & Row gap:** Adjust spacing between logos.
* **Show grid border:** Add borders between each logo for visual structure.

{% tabs %}
{% tab title="Grid border enabled" %}

<figure><img src="/files/7QbAx9m0ozYTG7UZxZqd" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Grid border disabled" %}

<figure><img src="/files/WfF8zB8aaaZuP43HzV4E" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**Mobile Layout**

* **Number of columns on mobile:** Choose 1–3 logos per row.

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

* **Enable swipe on mobile:** Activate horizontal scroll behavior for mobile users.

### Block settings

Each logo is a block under the Brand logos section.

{% hint style="success" %}
Steps:

1. Click **Add Log**.
2. Upload a logo image.
3. Add a **Link** if you'd like the logo to redirect to a collection or brand page.
   {% endhint %}

✅ Tip: All logos should be the same color scheme and dimensions for a clean look.

## FAQs

### **Can I link each logo to a unique page?**&#x20;

👉 Yes! Use the link field in each logo block.

### **Can I use brand logos in the header or footer too?**&#x20;

👉 This section is currently supported in the **Template** content.

***

<figure><img src="/files/6RW1JWuKNf9ovVFLkLXc" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/hyper-theme/theme-sections/brand-logos.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.