# Banners

Um elemento que chama muita atenção nas lojas são os banners. Eles podem possuir diversos tamanhos e composições, mas agradam por trazer um trabalho gráfico mais elaborado. Este tema utiliza-os em posições estratégicas. Os banners podem ser cadastrados no painel administrativo acessando **Marketing > Banners da Loja**.

Foram utilizados neste tema as seguintes localizações:&#x20;

**Banners Home:** Representa os banners principais da loja. Utiliza a localização Banner Home versão desktop.&#x20;

**Banners Grid (Mini Banners):** São dois banners exibidos lado a lado. Utiliza a localização Extra 1 e Extra 2 para exibi-los. Estes banners são responsivos, desse modo, não contam com uma versão específica para dispositivos móveis.

**Banner Categoria:** São banners exibidos nas páginas de catálogo (categoria). Utiliza a localização _**Banner Títulos**_. Estes banners são responsivos, desse modo, não contam com uma versão específica para dispositivos móveis.

**Imagem Categoria e Subcategoria:** São imagens exibidas ao passar o mouse sobre uma das categorias. Para saber como cadastrar as imagens, clique [aqui](https://basedeconhecimento.tray.com.br/hc/pt-br/articles/6735562794907-Como-Inserir-Imagens-na-Categoria-e-Subcategoria-).

**Tabela de medidas:** É a imagem que você poderá utilizar para orientar ao cliente sobre as medidas do seu produto. É exibida na página do produto. Abaixo da quantidade de produtos. Utiliza a localização extra 12.&#x20;

**Vale lembrar que:** Vale lembrar que esses são os banners que foram utilizados nesse tema. Outras posições não são abrangidas pelo tema.

No momento do cadastro do Banner Home, é necessário marcar a opção "Deseja cadastrar banner Javascript" como **sim** para que mais do que um banner apareça na página inicial da loja. Você pode ter mais informações sobre o cadastro de banners clicando [aqui](https://basedeconhecimento.tray.com.br/hc/pt-br/articles/6743567784603-Como-Cadastrar-Banners-em-sua-Loja-).

**Dimensões:** Os banners utilizados nesse tema possuem tamanhos diferentes dependendo da localização deles no tema. Para que as imagens fiquem legais e bem dispostas é necessário ficar atento as dimensões dessas imagens. Veja abaixo cada localização que utilizamos e a dimensão recomendada.

**Banner Home:**

<figure><img src="https://300602575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F19HBZJqunHQywn4yX0aU%2Fuploads%2FaKwAQ0IFygA871BYST7u%2FCaptura%20de%20tela%202023-10-27%20174218.png?alt=media&#x26;token=bb2c7687-7ceb-4f03-b1bf-7b8be657712d" alt=""><figcaption></figcaption></figure>

**Localização:** Banner home                                                                                           **Dimensões do banner:** 1440x555 pixels

**Banners Grid\* (Mini Banners):**

<figure><img src="https://300602575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F19HBZJqunHQywn4yX0aU%2Fuploads%2FOje1el2DeV2D3YX6kxRL%2FCaptura%20de%20tela%202023-10-27%20174724.png?alt=media&#x26;token=e5fe5478-fa5f-4aed-aa20-7c421e5dc478" alt=""><figcaption></figcaption></figure>

**Localização:** Extra 1 e Extra 2                                                                                          **Dimensões do banner:** 645x450 pixels

