# 3.2.4 - Vitrines de Produtos

As **Vitrines de Produtos**, são as regiões na loja onde você pode expor seus produtos com destaque. Aqui você configura as cores que estarão presentes quando e se as vitrines forem ativadas.

{% tabs %}
{% tab title="Vitrines de Produtos" %}
**Título** - cor do título das vitrines. Palavra que aparece acima de cada uma delas com uma linha abaixo.&#x20;

**Borda do Título** - cor da linha que aparece abaixo do título da vitrine.

**Seta do Carrossel** - quando a vitrine for utilizada no modo carrossel, uma seta aparece para que você possa passar os produtos tanto para a direita quando para a esquerda. Aqui você consegue alterar a cor dessas duas setas.

**Cor de Fundo 1a Vitrine** - assim como você consegue trocar o background do cabeçalho como um todo, o mesmo acontece com a vitrine. Aqui você altera a cor do background da vitrine 1.

**Cor de Fundo 2a Vitrine** - aqui você altera a cor do background da vitrine 2.

**Cor de Fundo 3a Vitrine** - aqui você altera a cor do background da vitrine 3.
{% endtab %}

{% tab title="Produtos na Vitrine de Produtos" %}
**Nome** - cor do nome do produto que aparece na vitrine e também na página de categoria.

**Preço atual** - cor do preço que está ativo no produto. Por exemplo, quando você coloca um produto em promoção, o preço da promoção é o atual, então ele vai aparecer nesta cor selecionada. Caso não tenha promoção, o preço atual é o normal.

**Preço anterior** - cor do preço antigo que aparece riscado quando um produto está em promoção.

**Preço parcelado** - cor do preço parcelado e do texto que aparece abaixo do preço anterior e atual. Exemplo: em até 12 vezes sem juros.

**Botão adicionar ao carrinho** - cor do texto que está dentro do box que aparece quando você coloca o mouse em cima do produto para que seu cliente adicione o produto ao carrinho com um clique.

**Fundo do botão “adicionar ao carrinho”** - cor do background do box citado acima.

**Borda da imagem do produto** - cor da borda que envolve a foto do produto, caso deseje destacá-lo.
{% endtab %}
{% endtabs %}


---

# 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://temaflatnatray.fabrikadeecommerce.com.br/3.-painel-de-edicao-do-tema/3.2.-edicao-das-cores/3.2.4-vitrines-de-produtos.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.
