# Brands

{% hint style="info" %}
**Pages -> brands-> Brands**
{% endhint %}

{% hint style="warning" %}
**IMPORTANT!** In order to make your Brands page more attractive to buyers, add various sections by pressing **“Add section”**. The theme includes different content sections for a Product page, such as [<mark style="color:blue;">**Builder**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder), [<mark style="color:blue;">**Article carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/article-carousel), [<mark style="color:blue;">**Brand Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brand-carousel),[ <mark style="color:blue;">**Product Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/product-carousel), [<mark style="color:blue;">**Review Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/review-carousel), [<mark style="color:blue;">**Contact Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/contact-form), [<mark style="color:blue;">**FAQs**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/faqs), [<mark style="color:blue;">**Gallery**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/gallery), [<mark style="color:blue;">**Information line**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/information-line), [<mark style="color:blue;">**Search Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/search-form), [<mark style="color:blue;">**Subscription form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/subscription-form), [<mark style="color:blue;">**Collections**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collections), [<mark style="color:blue;">**Lookbook**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/lookbook), [<mark style="color:blue;">**One product**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product), [<mark style="color:blue;">**Slider Revolution**</mark>](https://www.themepunch.com/revsliderjquery-doc/slider-revolution-jquery-5-x-documentation/), [<mark style="color:blue;">**Spacer**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/spacer). How to configure each of them you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections).
{% endhint %}

## Brands

&#x20;Here you can decide if to display a title for the section. If you need a title to be shown, simply type it in the **“Title”**.

## Content

&#x20;In the **“Section type”** drop-down, one can select if to display brands as text or text with an image. If you need to display the image, choose the second variant **“With image”** and press “Select image” in the **“Default image for "With image" type”.  Please note,** this image will be applied to all brands. The image height can be changed on the **“Image height”** scale from 30 to 150.

&#x20; If you work only with the PJPG image format and the transparent images with the formats GIF or PNG shouldn’t be allowed in your store, enable the option **“Enable format “PJPG”**.

&#x20;In the **“Alphabet”,** you can write the alphabet letters, which will be displayed in an alphabetical listing on the top of a page. The items should be separated by ','.&#x20;

&#x20;If you need to display your list of brands and not all brands in your store, fill in the **“Custom list of brands”** field. The items can be split by breaking the line.

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FNfJ3URrz3fALfgoVxeGv%2Fbrands_page.png?alt=media\&token=d6f3903f-111d-4d2e-8e8c-ddac16d488e7)

## Brand

&#x20;In this block, you can create and apply settings for a new brand, or customize each existing brand separately. In the **“Block type”**, you can choose the brand to which this block should be assigned: a new brand or an existing one.

&#x20;In the **“Brand name”**, type the name of the brand.  In order to add a brand logo of suppliers/manufacturers, select a logo in the **“Image”**. The link address can be added in the **“Link”** field to redirect customers to the needed page.

&#x20;Here you can add a link to the collection and filter by brand. You need to add a new filter **“Vendor”** in *Shopify admin-> Online store -> Navigation -> Collection and search filters,* for link filtering to work. There you can use the **Shopify Search & Discovery app** to make the necessary changes:

<figure><img src="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FnmerS6wVg4VtUk8QEySj%2Ffiltering_brand.png?alt=media&#x26;token=1ce4beae-b854-4216-9c52-584c51a4df39" alt=""><figcaption></figcaption></figure>

&#x20;The link format: {collection link}?filter.p.vendor={Brand}

**Example:** <https://shella-demo.myshopify.com/collections/all?filter.p.vendor=Prada>

&#x20;This is how the Brands page may look on your store:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FRySA0lAkgwY0X2KFhlXN%2Fbrabds%20page.png?alt=media\&token=ecdffbbe-770c-46ab-9a4e-af0d924da000)

{% hint style="success" %}
**VIEW DEMO:**

[<mark style="color:blue;">**Brand page V1**</mark>](https://shella-demo.myshopify.com/pages/brands)

[<mark style="color:blue;">**Brand page V2**</mark>](https://shella-demo.myshopify.com/pages/brands-2)
{% endhint %}