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

# Gallery View for Collections

> Display your Collection entries as visual cards with image previews. Ideal for portfolios, media libraries, and visual project tracking in Craft.

Gallery View displays your Collection entries as a grid of visual cards — each showing a preview image and key properties at a glance.

<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. Table View

Both views show the same data — switching between them never deletes or modifies your entries.

| Use Gallery when...                                       | Use Table when...                  |
| --------------------------------------------------------- | ---------------------------------- |
| Entries have images or visual content                     | Data is primarily text             |
| Visual browsing matters (portfolios, media, mood boards)  | Comparing many fields side by side |
| You want a compact overview with fewer visible properties | Spreadsheet-style workflows        |

## Creating a Gallery View

<Steps>
  <Step>
    Open the configure menu **(⋯)** at the top of your Collection
  </Step>

  <Step>
    Select **Add Gallery View**

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

  <Step>
    Your new Gallery View appears as a tab at the top of the Collection
  </Step>
</Steps>

<Tabs>
  <Tab title="macOS / Web">
    On Mac and Web, you can also convert an existing view in place using **Turn Into** from the configure menu (⋯). This changes the current view's type without creating a new view.
  </Tab>

  <Tab title="iOS">
    On iOS, use the configure menu to add a new Gallery View or convert an existing view using **Turn Into**.
  </Tab>
</Tabs>

## Switching Back to Table View

If you have multiple views, click the **Table** view tab at the top of your Collection. If you only have one Gallery View, use the configure menu (⋯) to add a new Table view or use **Turn Into** to convert.

Your data is always safe — switching views never changes your entries.

## Preview Types

Gallery View pulls preview images from the **content inside each entry's page**. To add an image to a card's preview, open the entry and add an image block to its content.

<Tip title="Where do card images come from?">
  Open any entry in your Collection and add an image to its page content. Gallery View automatically uses that image as the card preview.
</Tip>

You can control how each card's preview area is displayed:

* **Document** (default) — shows a preview of the entry's page content
* **Fill** — fills the card's preview area with the entry's image
* **Immersive** — uses the image as a full-bleed card background
* **No preview** — hides the preview area entirely, showing only properties

Change the preview type in **Gallery Options** (see below).

## Card Sizes

Gallery View offers two card sizes:

* **Small** — compact grid, more cards visible at once
* **Large** — bigger previews, fewer cards per row

<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

Access Gallery Options from the configure menu (⋯) to customize your view:

* **Card Size** — Small or Large
* **Preview** — Document, Fill, Immersive, or No preview
* **Limit visible fields** — when enabled (default), cards show a limited number of properties with a "+n" indicator for the rest. Turn this off to show every enabled field on each card.
* **Fields** — choose which fields appear on each card and toggle their visibility

<img src="https://mintcdn.com/craft-support/39L-SAx9jAgKVJiQ/images/organize-and-find/collections/gallery-view/en/content/gallery-options.png?fit=max&auto=format&n=39L-SAx9jAgKVJiQ&q=85&s=d2706d9735345b2231f5a825f8b533f8" alt="Gallery Options panel" width="580" height="718" data-path="images/organize-and-find/collections/gallery-view/en/content/gallery-options.png" />

## Working with Gallery Cards

* **Open an entry** — click a card to open its full page
* **Context menu** — right-click (Mac) or long-press (iOS) for more options
* **Select cards** — click to select, Shift+click for multi-select

## Sorting, Filtering, and Grouping

Gallery View supports sorting, filtering, and grouping — the same options available in Table View. Grouped galleries display section headers between card groups.

<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" />

For detailed instructions on sorting, filtering, and grouping, see [Collection Views](/en/organize-and-find/collections/views).

## Troubleshooting

<AccordionGroup>
  <Accordion title="My cards don't show images">
    Gallery View pulls preview images from the **content inside each entry's page**. To add an image, click a card to open the entry, then add an image block to the page content.

    Also check your Preview setting in Gallery Options — set it to **Document** or **Fill**.
  </Accordion>

  <Accordion title="I can't find the Gallery View option">
    Make sure your app is up to date. Check for updates in your app store or refresh your browser.
  </Accordion>

  <Accordion title="Gallery feels slow with many entries">
    Gallery View loads image previews as you scroll. If performance feels sluggish, try reducing the number of visible properties on each card.
  </Accordion>
</AccordionGroup>

## Related Articles

<CardGroup cols={2}>
  <Card title="Collections" href="/en/organize-and-find/collections">
    Learn about Craft Collections and field types
  </Card>

  <Card title="Collection Views" href="/en/organize-and-find/collections/views">
    Create views with sorting, filtering, and grouping
  </Card>

  <Card title="Reordering Fields and Columns" href="/en/organize-and-find/collections/reordering">
    Customize field and column order in your Collections
  </Card>

  <Card title="Using Collections on iOS" href="/en/organize-and-find/collections/ios-guide">
    Touch-optimized Collections on iPhone and iPad
  </Card>
</CardGroup>
