> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Gallery View para Collections

> Exiba as entradas da sua Collection como cartões visuais com pré-visualizações de imagens. Ideal para portfólios, bibliotecas de mídia e acompanhamento visual de projetos no Craft.

A Gallery View exibe as entradas da sua Collection como uma grade de cartões visuais, cada um mostrando uma imagem de pré-visualização e as principais propriedades de relance.

<img src="https://mintcdn.com/craft-support/O98XYSKGXx3MbMYk/images/organize-and-find/collections/gallery-view/en/content/gallery-overview.png?fit=max&auto=format&n=O98XYSKGXx3MbMYk&q=85&s=8eba16ee100844a5b8d6c6eb257b8e49" alt="Gallery view showing a collection with image cards" width="1640" height="1003" data-path="images/organize-and-find/collections/gallery-view/en/content/gallery-overview.png" />

## Gallery View vs. Outras Visualizações

Todas as visualizações compartilham os mesmos dados, e alternar entre elas nunca exclui nem modifica suas entradas.

| Use Galeria quando...                      | Use Tabela quando...               | Use Kanban quando...                              |
| ------------------------------------------ | ---------------------------------- | ------------------------------------------------- |
| As entradas têm imagens ou conteúdo visual | Comparar muitos campos lado a lado | Acompanhar itens por etapas (a fazer → concluído) |
| Navegação visual (portfólios, mídia)       | Edição no estilo planilha          | Quiser um quadro de fluxo de trabalho visual      |
| Visão geral compacta com pré-visualizações | Inserção de dados em massa         | Mudanças de status são frequentes                 |

## Criar uma Gallery View

<Steps>
  <Step>
    Clique no botão **+** ao lado das abas de visualização no topo da sua Collection
  </Step>

  <Step>
    Selecione **Add Gallery View**

    <img src="https://mintcdn.com/craft-support/JSbjO49ZK2W8lx2w/images/organize-and-find/collections/gallery-view/en/content/add-view-menu.png?fit=max&auto=format&n=JSbjO49ZK2W8lx2w&q=85&s=a46a2d8ef257c02ef21c1f4dac89d581" alt="View menu showing Add Table View, Add Gallery View, and Add Kanban View options" width="1568" height="1026" data-path="images/organize-and-find/collections/gallery-view/en/content/add-view-menu.png" />
  </Step>

  <Step>
    Sua nova Gallery View aparece como uma aba no topo da Collection
  </Step>
</Steps>

## Voltar para Table View

Se você tem várias visualizações, clique na aba **Table** no topo da sua Collection. Se você tem apenas uma Gallery View, use o menu de configuração (⋯) para adicionar uma Table View.

Seus dados estão sempre seguros, e trocar de visualização nunca altera suas entradas.

## Tipos de pré-visualização

A Gallery View obtém as imagens de pré-visualização do **conteúdo dentro da página de cada entrada**. Para adicionar uma imagem à pré-visualização de um cartão, abra a entrada e adicione um bloco de imagem ao seu conteúdo.

<Tip title="De onde vêm as imagens dos cartões?">
  Abra qualquer entrada na sua Collection e adicione uma imagem ao conteúdo da página. A Gallery View usa automaticamente essa imagem como pré-visualização do cartão.
</Tip>

Você pode controlar como a área de pré-visualização de cada cartão é exibida:

* **Document** (padrão): mostra uma pré-visualização do conteúdo da página da entrada
* **Fill**: preenche a área de pré-visualização do cartão com a imagem da entrada
* **Immersive**: usa a imagem como plano de fundo completo do cartão
* **Sem pré-visualização**: oculta completamente a área de pré-visualização, mostrando apenas propriedades

Altere o tipo de pré-visualização nas **Gallery Options** (veja abaixo).

## Tamanhos de cartão

A Gallery View oferece dois tamanhos de cartão:

* **Small**: grade compacta, mais cartões visíveis de uma vez
* **Large**: pré-visualizações maiores, menos cartões por linha

<Frame>
  <video autoPlay muted loop playsInline>
    <source src="https://mintcdn.com/craft-support/O98XYSKGXx3MbMYk/images/organize-and-find/collections/gallery-view/en/content/card-sizes.mp4?fit=max&auto=format&n=O98XYSKGXx3MbMYk&q=85&s=c8d49129f6c66a3944fc52ec01af12ce" type="video/mp4" data-path="images/organize-and-find/collections/gallery-view/en/content/card-sizes.mp4" />
  </video>
</Frame>

## Gallery Options

Acesse as Gallery Options pelo menu de configuração (⋯) para personalizar sua visualização:

* **Card Size**: Small ou Large
* **Preview**: Document, Fill, Immersive ou Sem pré-visualização
* **Limit visible fields**: quando ativado (padrão), os cartões mostram um número limitado de propriedades com um indicador "+n" para as demais. Desative para exibir todos os campos habilitados em cada cartão.
* **Fields**: escolha quais campos aparecem em cada cartão e alterne sua visibilidade

<Frame>
  <img src="https://mintcdn.com/craft-support/JSbjO49ZK2W8lx2w/images/organize-and-find/collections/gallery-view/en/content/gallery-options.png?fit=max&auto=format&n=JSbjO49ZK2W8lx2w&q=85&s=29c20f24f9dc7d44ee307c5e4b73cdeb" alt="Gallery Options panel" width="320" data-path="images/organize-and-find/collections/gallery-view/en/content/gallery-options.png" />
</Frame>

## Trabalhando com cartões da Gallery

* **Abrir uma entrada**: clique em um cartão para abrir sua página completa
* **Menu de contexto**: clique com o botão direito (Mac) ou toque longo (iOS) para mais opções
* **Selecionar cartões**: clique para selecionar, Shift+clique para seleção múltipla

## Ordenação, filtragem e agrupamento

A Gallery View suporta ordenação, filtragem e agrupamento, as mesmas opções disponíveis na Table View. Galerias agrupadas exibem cabeçalhos de seção entre os grupos de cartões.

<img src="https://mintcdn.com/craft-support/O98XYSKGXx3MbMYk/images/organize-and-find/collections/gallery-view/en/content/grouped-gallery.png?fit=max&auto=format&n=O98XYSKGXx3MbMYk&q=85&s=8b2ba86b81ff795834c9c6367f04d44b" alt="Grouped gallery view with section headers" width="1602" height="1009" data-path="images/organize-and-find/collections/gallery-view/en/content/grouped-gallery.png" />

Para instruções detalhadas sobre ordenação, filtragem e agrupamento, consulte [Collection Views](/pt-BR/organize-and-find/collections/views).

## Solução de problemas

<AccordionGroup>
  <Accordion title="Meus cartões não mostram imagens">
    A Gallery View obtém as imagens de pré-visualização do **conteúdo dentro da página de cada entrada**. Para adicionar uma imagem, clique em um cartão para abrir a entrada e adicione um bloco de imagem ao conteúdo da página.

    Verifique também a configuração de Preview nas Gallery Options e defina como **Document** ou **Fill**.
  </Accordion>

  <Accordion title="Não consigo encontrar a opção Gallery View">
    Certifique-se de que seu aplicativo está atualizado. Verifique atualizações na sua loja de aplicativos ou atualize seu navegador.
  </Accordion>

  <Accordion title="A Gallery está lenta com muitas entradas">
    A Gallery View carrega as pré-visualizações de imagens conforme você rola a página. Se o desempenho parecer lento, tente reduzir o número de propriedades visíveis em cada cartão.
  </Accordion>
</AccordionGroup>

## Artigos relacionados

<CardGroup cols={2}>
  <Card title="Collections" href="/pt-BR/organize-and-find/collections">
    Saiba mais sobre as Collections do Craft e tipos de campo
  </Card>

  <Card title="Collection Views" href="/pt-BR/organize-and-find/collections/views">
    Crie visualizações com ordenação, filtragem e agrupamento
  </Card>

  <Card title="Visualização Kanban" href="/pt-BR/organize-and-find/collections/kanban-view">
    Organize itens em colunas com arrastar e soltar por status ou qualquer campo de seleção
  </Card>

  <Card title="Reordenar campos e colunas" href="/pt-BR/organize-and-find/collections/reordering">
    Personalize a ordem dos campos e colunas nas suas Collections
  </Card>

  <Card title="Usando Collections no iOS" href="/pt-BR/organize-and-find/collections/ios-guide">
    Collections otimizadas para toque no iPhone e iPad
  </Card>
</CardGroup>