> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Các tùy chỉnh hiển thị của Clipart category

# Tùy chỉnh hiển thị cho Category

Hiện tại, **teeinblue** hỗ trợ 4 kiểu hiển thị đối với Clipart category:

1. **Ảnh (Thumbnail Images)** - _Mặc định_

2. **Text dưới dạng Dropdown list**

3. **Text và hình ảnh dưới dạng Dropdown list***

4. **Text dưới dạng Inline button**

Để tùy chỉnh hiển thị:

* Vào **trang Clipart Categories** ➡ **Chọn clipart category** cần cài đặt hiển thị ➡ **Chọn 1 kiểu hiển thị** ➡ Ấn _Save_ để **xác nhận lưu** kiểu hiển thị

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_a0v5z0.png)

### 1. Hiển thị dưới dạng Ảnh (Thumbnail Images)

Khi chọn kiểu hiển thị **"Thumbnail Images"**, cliparts trong mục này sẽ được hiển thị dưới dạng hình ảnh, như dưới đây:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img-15_1hdvl95.png)

|| Nếu bạn [đặt màu cho các cliparts](/vi/article/tai-len-va-chinh-sua-clipart-99ct4p/), ảnh thumbnail sẽ được chuyển đổi thành dạng bảng màu:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img-16-copy_1scqtzz.png)

### 2. Hiện thị dưới dạng Text thả xuống (Dropdown list of Clipart Name)

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img-17_chd5p1.png)

Khi chọn kiểu hiển thị **"Dropdown Clipart Name"**, các clipart trong category này sẽ được hiển thị tên chúng theo dạng dropdown list.

![Dropdown list trên storefront](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img_1duqew5.png)

|| Bạn có thể tham khảo cách chỉnh sửa tên cho clipart [tại đây](/vi/article/tai-len-va-chinh-sua-clipart-99ct4p/).

### Hiển thị dưới dạng thả xuống Tên clipart và hình ảnh (Dropdown list of Clipart name + Thumbnail)

Clipary sẽ được hiển thị với tên của clipart cùng với hình ảnh của clipart bên cạnh tên trong thanh thả xuống.
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1y41pki.png)

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_15c2hug.png)

### 3. Hiển thị dưới dạng Inline Radio Button

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img-18_11x7gpl.png)

Các clipart sẽ được hiển thị dưới dạng các nút bấm hình chữ nhật. Trong đó có chứa tên của từng clipart

![Hiển thị tên clipart trên storefront](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img-19_1idxebx.png)

Bạn có thể đổi tên clipart trong category bằng cách click vào tên clipart:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img-209_1vdjaml.png)


# Cài đặt nâng cao cho ảnh thumbnail (Max-width display)

Để bảo vệ Clipart của bạn khỏi việc bị lấy mẫu và copy, **teeinblue** sẽ tự động giảm kích thước của cliparts để hiển thị ngoài storefront.

|| Việc giảm kích thước này không ảnh hưởng đến kích thước file in trong order

Bạn có thể **tùy chọn kích thước hiển thị** cho thumbnail của clipart trong **Max-width display**

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/img-25_1gtlvbb.png)

Việc này sẽ thay đổi size của clipart ở các nơi sau:

* **Thumbnail của clipart** trong lúc khách hàng customize mẫu design
* **Chất lượng hình ảnh hiển thị** của clipart ở Preview

|| Xem thêm: [Tải lên và Chỉnh sửa Clipart](/vi/article/tai-len-va-chinh-sua-clipart-99ct4p/)