> ## Documentation Index
> Fetch the complete documentation index at: https://docs.teceo.co/llms.txt
> Use this file to discover all available pages before exploring further.

# navegar pelo catálogo

o catálogo abre em duas visualizações, e a escolha entre elas muda o trabalho que a tela resolve.

**card** coloca a foto em primeiro plano. serve para apresentar a coleção, quando a peça precisa ser vista antes de ser escolhida. o tamanho do card decide o equilíbrio entre detalhe e quantidade: grande mostra a foto em detalhe, médio mostra mais produtos por tela, pequeno mostra muitos produtos de uma vez.

**lista** abre a grade de tamanhos ao lado de cada produto-cor, com foto, nome, código, cor e preço na mesma linha. serve para comprar rápido, quando a peça já é conhecida e o que importa é lançar quantidade sem entrar no detalhe de cada produto. a grade muda conforme a janela de entrega.

a escolha vale para quem está navegando naquele momento. o que a marca configura no catálogo continua valendo nas duas visualizações.

## escolher a visualização

1. no topo do catálogo, clique em **visualizar**.
2. selecione **lista** ou **card**.
3. opcional: com **card** selecionado, em **tamanho do card**, selecione **grande**, **médio** ou **pequeno**. o campo aparece apenas na visualização em card.
4. clique em **aplicar**. **restaurar** devolve a visualização à configuração definida pela marca no catálogo, descartando a preferência pessoal.

## conteúdos relacionados

<div className="relacionados">
  <CardGroup cols={1}>
    <Card title="organizar catálogos" icon="file-lines" href="/docs/catalogo/organizar-catalogos-v3" horizontal />

    <Card title="o que é o catálogo" icon="file-lines" href="/docs/catalogo/o-que-e-o-catalogo-v3" horizontal />
  </CardGroup>
</div>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.