> 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.md).

# Item de produto

Aprenda como personalizar os itens de produto nas vitrines da página inicial e nas listagens de produtos nas categorias.

{% embed url="<https://youtu.be/iWH8rn4RxnE>" %}

Confira os módulos de personalização do Card de produto:

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Layout do card</td><td><a href="/personalizar-layout/item-de-produto/estrutura.md">Estrutura</a></td></tr><tr><td>Produtos na lista</td><td><a href="broken://pages/jgBPGlI5AySPaEs4xj5J">Broken link</a></td></tr><tr><td>Foto do produto</td><td><a href="/personalizar-layout/item-de-produto/foto-do-produto.md">Foto do produto</a></td></tr><tr><td>Variações e quantidade</td><td><a href="broken://pages/Pkr9Tub5d2EH1t2zTVeK">Broken link</a></td></tr><tr><td>Título do produto</td><td><a href="/personalizar-layout/item-de-produto/nome-do-produto.md">Nome do produto</a></td></tr><tr><td>Preço do produto</td><td><a href="/personalizar-layout/item-de-produto/preco-do-produto.md">Preço do produto</a></td></tr><tr><td>Produto esgotado</td><td><a href="/personalizar-layout/item-de-produto/produto-sem-estoque.md">Produto sem estoque</a></td></tr><tr><td>Botões de compra</td><td><a href="/personalizar-layout/item-de-produto/botoes.md">Botões</a></td></tr></tbody></table>