> For the complete documentation index, see [llms.txt](https://ajuda.temaflex.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.temaflex.com.br/personalizar-layout/item-de-produto/estrutura.md).
# Estrutura
1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Item de produto > Estrutura".**
Na personalização de **Estrutura do card,** é possível ativar as seguintes configurações:
**- Adicionar efeito de animação ao colocar o mouse:** adiciona um leve movimento ao passar o mouse no card do produto.
**- Usar a mesma altura para todos os itens:** aplica a mesma altura para o card e seus itens.
**- Remover bordas e espaçamentos do item:** remove as linhas do card.
**- Exibir campo de quantidade:** adiciona um seletor de quantidade ao lado do botão comprar.
{% hint style="warning" %}
Importante!
O seletor de quantidade apenas será ativo caso o produto não possua variações.
{% endhint %}
**- Usar estas cores:** para utilizar cores específicas no card do produto, marque a opção "**Usar estas cores".**
Você pode configurar a **Cor de fundo** do card.
Variações
Nessa seção, você pode:
**- Exibir variações de tamanho:** habilita as variações de tamanho no card do produto.
**- Exibir variações de cores:** habilita as variações de cores no card do produto.
Etiquetas
Na edição das **Etiquetas,** é possível definir:
**- Texto que vai ao lado do % de desconto:** define o texto de apoio da tag de desconto (exemplo: 10% **OFF,** **menos** 10%).
**- Posição da etiqueta:** define se a tag será exibida antes ou depois.
**- Exibir etiqueta de última unidade:** habilita a opção de etiqueta de última peça em estoque.
Por último, clique em **"Publicar Alterações"** para finalizar.
**Pronto! 🙌**
