> For the complete documentation index, see [llms.txt](https://egany-docs.gitbook.io/ega-kitchen-haravan/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://egany-docs.gitbook.io/ega-kitchen-haravan/tinh-nang-bo-sung/khung-va-nhan-san-pham.md).

# Khung và Nhãn Sản Phẩm

Tính năng cho phép bạn thiết lập khung và nhãn khuyến mãi 1 cách nhanh chóng, hỗ trợ tối đa cho các đợt chạy khuyến mãi & campaign.

{% hint style="info" %}
**Vị trí hiển thị**

* Nhóm sản phẩm
* Chi tiết sản phẩm
  {% endhint %}

<figure><img src="/files/IFWSEcevZW1UEsc3Du5b" alt="" width="563"><figcaption></figcaption></figure>

## 1. Nhãn khuyến mãi <a href="#id-1.-nhan-khuyen-mai" id="id-1.-nhan-khuyen-mai"></a>

### 1.1. Nhãn dạng chữ <a href="#id-1.1.-nhan-dang-chu" id="id-1.1.-nhan-dang-chu"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Khung và Nhãn sản phẩm` > `Nhãn sản phẩm`&#x20;

<figure><img src="/files/UDGRMOSaquuG7GomwFTN" alt=""><figcaption></figcaption></figure>

Để sử dụng *Nhãn dạng chữ*, các bạn làm theo 2 bước:

1. Chọn loại nhãn là **Kiểu chữ**&#x20;
2. Quy định **Tag nhận biết** cho nhãn khuyến mãi. VD: promo
3. Điền tag đã quy định ở bước 2 vào sản phẩm muốn hiển thị theo cú pháp: **Tag nhận biết\_Nội dung**

*VD: promo\_Bảo hành đổi trả 1 tháng*

<figure><img src="/files/6R66QOhORqW3Kj3zaDO3" alt=""><figcaption></figcaption></figure>

### 1.2. Nhãn dạng ảnh <a href="#id-1.2.-nhan-dang-anh" id="id-1.2.-nhan-dang-anh"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Khung và Nhãn sản phẩm` > `Nhãn sản phẩm`&#x20;

<figure><img src="/files/WNmgSWhPyiFGKouSbZuX" alt=""><figcaption></figcaption></figure>

Để sử dụng *Nhãn dạng ảnh*, các bạn làm theo 3 bước:

1. Chọn loại nhãn là **Kiểu ảnh.** Upload ảnh mong muốn vào **Ảnh nhãn**
2. Quy định **Tag nhận biết** cho nhãn khuyến mãi (ví dụ: sticker1)
3. Điền tag đã quy định ở bước 2 vào sản phẩm muốn hiển thị

<figure><img src="/files/POWP0IyJeU978ncSGOKp" alt=""><figcaption></figcaption></figure>

## 2. Khung sản phẩm <a href="#id-2.-khung-san-pham" id="id-2.-khung-san-pham"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Khung và Nhãn sản phẩm` > `Khung sản phẩm`&#x20;

<figure><img src="/files/PNMiqeFmjoaFwNsaYaPT" alt=""><figcaption></figcaption></figure>

Để sử dụng *Khung ảnh sản phẩm*, các bạn làm theo 3 bước:

1. Upload khung sản phẩm mong muốn vào “khung ảnh”
2. Quy định **Tag nhận biết** cho khung ảnh sản phẩm (Ví dụ: frame1)
3. Điền tag đã quy định ở bước 2 vào sản phẩm muốn hiển thị

<figure><img src="/files/AIXinrp3ZGo0XdHq9W10" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Thu nhỏ ảnh sản phẩm**

Khi sử dụng khung ảnh sản phẩm, tuỳ vào thiết kế của khung ảnh, để ảnh sản phẩm không bị che bởi khung ảnh ta thường:

* Thu nhỏ ảnh sản phẩm từ 0.5 tới 1.0 (ví dụ 0.75: thu nhỏ ảnh còn 75%)
  {% endhint %}

*Sau khi thực hiện theo hướng dẫn trên, bạn đã có thể thiết lập **Khung và nhãn sản phẩm** cho giao diện trên Haravan. Trong quá trình thiết lập, nếu có thắc mắc vui lòng liên hệ* [*support@egany.com*](mailto:support@egany.com)