> ## 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 cho Collection

> Hiển thị các mục trong Collection dưới dạng thẻ trực quan kèm hình ảnh xem trước. Lý tưởng cho portfolio, thư viện media và theo dõi dự án trực quan trong Craft.

Gallery View hiển thị các mục trong Collection dưới dạng lưới thẻ trực quan, mỗi thẻ hiển thị hình ảnh xem trước và các thuộc tính chính trong nháy mắt.

<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 so với các chế độ xem khác

Tất cả các chế độ xem đều chia sẻ cùng một dữ liệu, chuyển đổi giữa chúng không bao giờ xóa hoặc chỉnh sửa mục nhập của bạn.

| Dùng Gallery khi...                            | Dùng Table khi...              | Dùng Kanban khi...                                    |
| ---------------------------------------------- | ------------------------------ | ----------------------------------------------------- |
| Mục nhập có hình ảnh hoặc nội dung trực quan   | So sánh nhiều trường cạnh nhau | Theo dõi mục qua các giai đoạn (cần làm → hoàn thành) |
| Duyệt trực quan (danh mục đầu tư, phương tiện) | Chỉnh sửa kiểu bảng tính       | Bạn muốn bảng quy trình trực quan                     |
| Tổng quan gọn gàng với xem trước               | Nhập dữ liệu hàng loạt         | Thay đổi trạng thái diễn ra thường xuyên              |

## Tạo Gallery View

<Steps>
  <Step>
    Nhấp nút **+** bên cạnh các tab chế độ xem ở đầu Collection của bạn
  </Step>

  <Step>
    Chọn **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>
    Gallery View mới xuất hiện dưới dạng tab ở đầu Collection
  </Step>
</Steps>

## Quay lại Table View

Nếu bạn có nhiều chế độ xem, hãy nhấp vào tab **Table** ở đầu Collection. Nếu bạn chỉ có một Gallery View, sử dụng menu cấu hình (⋯) để thêm Table View.

Dữ liệu của bạn luôn an toàn: chuyển đổi chế độ xem không bao giờ thay đổi các mục của bạn.

## Các loại xem trước

Gallery View lấy hình ảnh xem trước từ **nội dung bên trong trang của mỗi mục**. Để thêm hình ảnh vào phần xem trước của thẻ, hãy mở mục đó và thêm khối hình ảnh vào nội dung.

<Tip title="Hình ảnh thẻ lấy từ đâu?">
  Mở bất kỳ mục nào trong Collection và thêm hình ảnh vào nội dung trang. Gallery View sẽ tự động sử dụng hình ảnh đó làm ảnh xem trước của thẻ.
</Tip>

Bạn có thể kiểm soát cách hiển thị vùng xem trước của mỗi thẻ:

* **Document** (mặc định): hiển thị bản xem trước nội dung trang của mục
* **Fill**: lấp đầy vùng xem trước của thẻ bằng hình ảnh của mục
* **Immersive**: sử dụng hình ảnh làm nền toàn phần cho thẻ
* **Không xem trước**: ẩn hoàn toàn vùng xem trước, chỉ hiển thị thuộc tính

Thay đổi loại xem trước trong **Gallery Options** (xem bên dưới).

## Kích thước thẻ

Gallery View cung cấp hai kích thước thẻ:

* **Small**: lưới gọn, hiển thị nhiều thẻ hơn cùng lúc
* **Large**: xem trước lớn hơn, ít thẻ hơn mỗi hàng

<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

Truy cập Gallery Options từ menu cấu hình (⋯) để tùy chỉnh chế độ xem:

* **Card Size**: Small hoặc Large
* **Preview**: Document, Fill, Immersive hoặc Không xem trước
* **Limit visible fields**: khi bật (mặc định), thẻ hiển thị số lượng thuộc tính giới hạn với chỉ báo "+n" cho phần còn lại. Tắt tùy chọn này để hiển thị tất cả các trường đã bật trên mỗi thẻ.
* **Fields**: chọn trường nào xuất hiện trên mỗi thẻ và bật/tắt hiển thị của chúng

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

## Làm việc với thẻ Gallery

* **Mở một mục**: nhấp vào thẻ để mở trang đầy đủ
* **Menu ngữ cảnh**: nhấp chuột phải (Mac) hoặc nhấn giữ (iOS) để xem thêm tùy chọn
* **Chọn thẻ**: nhấp để chọn, Shift+nhấp để chọn nhiều

## Sắp xếp, lọc và nhóm

Gallery View hỗ trợ sắp xếp, lọc và nhóm, cùng các tùy chọn có trong Table View. Các gallery được nhóm sẽ hiển thị tiêu đề phần giữa các nhóm thẻ.

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

Để biết hướng dẫn chi tiết về sắp xếp, lọc và nhóm, xem [Collection Views](/vi/organize-and-find/collections/views).

## Khắc phục sự cố

<AccordionGroup>
  <Accordion title="Thẻ của tôi không hiển thị hình ảnh">
    Gallery View lấy hình ảnh xem trước từ **nội dung bên trong trang của mỗi mục**. Để thêm hình ảnh, nhấp vào thẻ để mở mục, sau đó thêm khối hình ảnh vào nội dung trang.

    Cũng hãy kiểm tra cài đặt Preview trong Gallery Options, đặt thành **Document** hoặc **Fill**.
  </Accordion>

  <Accordion title="Tôi không tìm thấy tùy chọn Gallery View">
    Đảm bảo ứng dụng của bạn đã được cập nhật. Kiểm tra bản cập nhật trong cửa hàng ứng dụng hoặc làm mới trình duyệt.
  </Accordion>

  <Accordion title="Gallery chạy chậm với nhiều mục">
    Gallery View tải hình ảnh xem trước khi bạn cuộn. Nếu hiệu suất chậm, hãy thử giảm số lượng thuộc tính hiển thị trên mỗi thẻ.
  </Accordion>
</AccordionGroup>

## Bài viết liên quan

<CardGroup cols={2}>
  <Card title="Collections" href="/vi/organize-and-find/collections">
    Tìm hiểu về Collections trong Craft và các loại trường
  </Card>

  <Card title="Collection Views" href="/vi/organize-and-find/collections/views">
    Tạo chế độ xem với sắp xếp, lọc và nhóm
  </Card>

  <Card title="Chế độ xem Kanban" href="/vi/organize-and-find/collections/kanban-view">
    Tổ chức mục thành các cột kéo thả theo trạng thái hoặc bất kỳ trường lựa chọn nào
  </Card>

  <Card title="Sắp xếp lại trường và cột" href="/vi/organize-and-find/collections/reordering">
    Tùy chỉnh thứ tự trường và cột trong Collections
  </Card>

  <Card title="Sử dụng Collections trên iOS" href="/vi/organize-and-find/collections/ios-guide">
    Collections tối ưu cho cảm ứng trên iPhone và iPad
  </Card>
</CardGroup>