# Brand carousel

{% hint style="info" %}
**Add section -> Brand carousel**
{% endhint %}

## Brand carousel

### Title

  You can add a **Title** for this section that will be displayed on the home page, e.g.: “Brands”.

## General

### Layout

 Here you can choose how the brand’s content should be positioned as a grid or a slider.

### Size of the columns

 In **“Size of the columns”**, you can decide how many brands should be shown in one row. Simply choose the needed option from the dropdown list. This option works only for the layout “Slider”.

### Image max width

 Here you have a scale from 0 to 200 px, where you can set the size of the brand’s images.

### Bordered links

 If you enable this option, the bordered links will be displayed on the brands when one hover over them with the mouse. 

![](/files/-MgFSrRU4G0mVyTyKTN1)

 The radius of the bordered links can be changed in **“Border radius (px, %)”** from sharp to round ones. Simply type the value in pixels or percent.

## Slider Settings <a href="#slider-settings" id="slider-settings"></a>

&#x20;Here you can enable an **“Autoplay”** for the brand’s sliders and set its speed on the **“Autoplay speed (sec)”** scale from 2 to 10 seconds. You can also choose whether **Arrows** or **Bullets** should be displayed when the brands change, simply by enabling one or all of these options. If you enable the **“Is infinite”** option, the brand’s carousel will be infinite. If you disable this option, the carousel will stop, once it shows the last brand.

## Brand <a href="#content" id="content"></a>

&#x20;In this section, you can add content for the “Brand carousel”. Simply click on **“Select Image”** and you will be able to add the brand image and paste the **link** (optional) to which the customers should be redirected when clicking on this brand:&#x20;

![](/files/-MgFVqssZPoTmUcGJcQ8)


---

# 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://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brand-carousel.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.