> For the complete documentation index, see [llms.txt](https://wiki.spiritshop.com.br/suporte-admin-3.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.spiritshop.com.br/suporte-admin-3.0/home-banner-paginas-e-blog/adicionar-ou-alterar-os-produtos-em-destaque.md).

# Adicionar ou alterar os produtos em destaque

Neste exemplo você irá aprender como inserir e alterar os produtos nas áreas de destaque da loja.

* Exemplo de Produtos em Destaque na Home.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2Fph4aTeDMenbGmELtRIku%2Fimage.png?alt=media&amp;token=73c60d08-d85e-4004-90ae-96a88acb3a17" alt=""><figcaption><p>Exemplo de como os Produtos em Destaque aparecem na loja.</p></figcaption></figure></div>

***

### 1 - Acesse com Login e Senha o Admin de sua Loja.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FI7U9Kif0w1SnRcvq7dv2%2Fimage.png?alt=media&amp;token=bdcf033d-0aa8-41c1-8214-5c1223d5cb3e" alt=""><figcaption></figcaption></figure></div>

* No menu principal, navegue em **Extensões** e clique no item **Módulos**.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2F2tW1yKeSbj7bemSMVHpU%2Fimage.png?alt=media&amp;token=30e3c7f0-a984-4029-95da-3150753dbc82" alt=""><figcaption></figcaption></figure></div>

* Localize o módulo \[**Produtos em destaque**] e clique em **Editar.**

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2F3clxSpao2S9XgomZOtBJ%2Fimage.png?alt=media&amp;token=eb6737de-3d12-431b-88ba-e43e5c30ce75" alt=""><figcaption></figcaption></figure></div>

* Neste módulo, podemos ver as áreas de destaque da loja separado em abas \[Destaque 1] \[Destaque 2] \[Destaque 3] etc ..
* No campo \[**Produtos**] você poderá adicionar e remover os produtos que gostaria de destacar em cada área.
* Você poderá alterar os títulos e link e imagem também, conforme sua necessidade.

**Clique** no produto que deseja **adicionar** ou remover do módulo.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FqjQtyiP57hgvRxhZlXhV%2Fimage.png?alt=media&amp;token=0686b8f3-e792-452d-8bcf-384377b43102" alt=""><figcaption><p>No campo de produtos, você pode digitar direto o nome do produto ou sinal de <strong>%</strong> que listar todos os produtos para seleção na lista</p></figcaption></figure></div>

* Repita essa etapa em cada área de destaque caso seja necessário.

Clique em **Salvar**.

Pronto!

### 2 - Configurações avançadas de cada Área.

* Em cada área de destaque você poderá acessar as **configurações avançadas** ao clicar em **Editar**

<figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2Fgcnjg4hP8XhRavRPFZkl%2Fimage.png?alt=media&amp;token=20ac9152-d4d4-41ff-b168-d96713d6384e" alt=""><figcaption></figcaption></figure>

* Nessa tela você poderá verificar como estão as configurações das posições em cada área de destaque da loja.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FtnLcYxw6JaCIVos3aw71%2Fimage.png?alt=media&amp;token=d3e95ef9-19e0-447f-9cb1-4607ccb7c10a" alt=""><figcaption></figcaption></figure></div>

* Após efetuar alterações neste módulo, **atualize o cache da home** de sua loja.