> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-sections/brand.md).
# Brand
The Brand Section is designed to display your partner brands or featured logos in a clean grid or slider format, enhancing store credibility.
To customize the Brand in our theme please follow the steps:
{% hint style="success" %}
Steps
1. In the theme editor (**Customize**), click **Add section**
2. Locate **Brand**
3. **Save**
{% endhint %}
## **Section Settings**
### **Section Header**
* **Heading / Description** – Add a short title and description introducing your brand partners.
* **Text alignment** – Choose Left, Center, or Right alignment for text.
* **Show “Section header”** – Toggle ON/OFF to display or hide the title area.
***
### **General**
* **Layout** – Select the layout structure (Default or custom depending on your theme).
* **Color scheme** – Set background and text colors for the section.
***
### **Brand Settings**
* **Brand type** – Choose between:
* **Grid:** Display logos in a static grid layout.
* **Slider:** Scroll logos horizontally in a slider.
* **Color scheme items** – Apply color settings to each brand logo.
* **Border items** – Add or remove borders around each logo.
* **Hover effect** – Choose an animation (e.g., Zoom) when hovering over a logo.
* **Image ratio** – Select the aspect ratio (Original, Square, 3:2, etc.).
* **Custom ratio** – Manually enter a custom image ratio (e.g., 21:9).
* **Width image** – Define a specific image width. Leave blank for full width.
***
### **Settings for Slider**
* **Items per row** – Control how many logos are shown per slide.
* **Autoplay** – Automatically scroll logos.
* **Loop** – Repeat the slider in a continuous loop.
* **Show arrows** – Enable navigation arrows.
* **Show bullets** – Display small indicator dots under the slider.
***
### **Section Padding**
Customize spacing around the section for better visual balance:
* **Padding top** – Adjust space above the section.
* **Padding bottom** – Adjust space below the section.
* **Remove default space between sections** – Toggle ON to eliminate the default gap between sections.
***
## **Block Settings**
Each **Brand Item** represents one logo in the list.
* **Brand image** – Upload or select a brand logo image.
* **Link** – Add a link to the brand’s collection or page.
