> For the complete documentation index, see [llms.txt](https://ajuda.iset.com.br/inicio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/vitrines/template-de-exibicao.md).

# Template de Exibição

Nesse tutorial você vai aprender sobre com utilizar o recurso Template de Exibição em sua loja virtual.&#x20;

**Template de Exibição** é o nome dado ao recurso oferecido pela plataforma iSET, utilizado para escolher a apresentação visual das páginas em sua loja virtual.

O conceito de Template de Exibição se aplica a forma em que é apresentado a vitrine, os produtos, a landing page dentre outras páginas da sua loja.

### **Qual a importância do Template de Exibição**

#### **Porque devo utilizar um Template de Exibição?**

Os blocos das lojas virtuais hoje em dia estão todos iguais, por mais que existam diversos layouts, no fim, a estética acaba sempre sendo parecida.

Na **iSET** nós temos um novo conceito de exibição, dando liberdade para o cliente escolher qual modelo de Template de Exibição se encaixa melhor para cada página do seu negócio.

Dessa maneira o lojista consegue escolher qual modelo de Template será exibido, conforme sua preferência.

### **Template de Exibição Vitrine**

Os novos temas Matrix e Cyber oferecem as seguintes variações de apresentação para sua vitrine:

#### **Template de Exibição Padrão**

O **Template de Exibição Padrão** tem como características principais apresentar os produtos respeitando o tipo de elemento criado, seja Bloco HTML, Galeria de Produtos ou Carrossel de Produtos.

Caso o número de produtos visíveis ultrapasse o suportado pela página, o Template de Exibição Padrão entra em modo de rotação.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FMhUoacHNTjHJ6m1wVJkk%2F0.jpeg?alt=media)

#### **Template de Exibição Grade**

O **Template de Exibição Grade** tem como característica principal, organizar os itens em forma de grade fixa.

Esse Template é parecido com o Template de Exibição Padrão, porém, ele exibe os produtos em forma de grade fixa sem rotação, indiferente do elemento criado.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FVWviQhgqQtKOcPruEAbx%2F1.jpeg?alt=media)

#### **Template de Exibição Faixa**

O **Template de Exibição Faixa** tem como característica principal, organizar os elementos de forma horizontal e resumida, apresentando as informações do produto de maneira clara e resumida.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F1ADhqBXuSaJ8Axiq4eXy%2F2.jpeg?alt=media)

#### **Template de Exibição Jumbo**

O **Template de Exibição Jumbob** tem como característica principal, apresentar seus produtos de forma ampliada e exibir o item e suas informações em tamanho destacado.

**Lembrando que** ao aplicar o Temaplate de Exibição Jumbo, os produtos selecionados são exibidos em formato de carrossel automaticamente.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fww4fNe2vLjqQXEr0G7B3%2F3.jpeg?alt=media)

**Aviso:** todos os temas possuem um template padrão.

### Como alterar seu Template de Exibição

Modificar o template da sua vitrine é um processo simples e pode ser feito seguindo alguns passos básicos:

**1- Acesso ao Painel:** inicie o procedimento acessando o Painel Administrativo da sua loja virtual.

2- Após acessar o painel, vá até **Minha** **Loja** >> **Vitrines** >> **Elementos** para visualizar as opções disponíveis para personalização.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FK89lyF912v47xL519MCR%2FCaptura%20de%20Tela%202024-04-03%20a%CC%80s%2016.34.23.png?alt=media&amp;token=fc17ad14-5d30-49a3-8624-f0c9930434bb" alt=""><figcaption></figcaption></figure>

3- Na página **Elementos**, selecione o bloco que deseja personalizar e clique no ícone do lápis para iniciar a edição.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fl6uClZrMqwCYpZoZ9IHC%2FCaptura%20de%20Tela%202024-04-03%20a%CC%80s%2016.35.57.png?alt=media&amp;token=5fea5b63-3179-4834-9b8f-4f8881c32431" alt=""><figcaption></figcaption></figure>

4- Na tela **Editar Elemento de Visualização**, role a página até encontrar o campo **Template de Exibição**, localizado na parte inferior.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FOlAFxGEvExJ9wqZDI4Ny%2FCaptura%20de%20Tela%202024-04-03%20a%CC%80s%2016.37.59.png?alt=media&amp;token=2d59d134-0246-4a5a-9488-4293252d9c60" alt=""><figcaption></figcaption></figure>

5- No campo **Template de Exibição** é possível escolher qual Template você deseja usar em seu elemento de vitrine.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F6HBPxYYakIObl88fJ4uX%2FCaptura%20de%20Tela%202024-04-03%20a%CC%80s%2016.39.28.png?alt=media&amp;token=b3d44fa8-66a0-4fac-b9b9-044cee74b5b3" alt=""><figcaption></figcaption></figure>

6- Basta escolher qual o modelo de exibição da sua preferência e clicar no botão **Atualizar.**

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FPL4sYUrEaTsqrxo7SEdg%2FCaptura%20de%20Tela%202024-04-03%20a%CC%80s%2016.40.29.png?alt=media&amp;token=507b9149-9a97-4d8c-8ee4-8278bc4ce1e4" alt=""><figcaption></figcaption></figure>

&#x20;Ficou com alguma dúvida? Entre em contato conosco!
