> For the complete documentation index, see [llms.txt](https://ladipage-vietnam.gitbook.io/v5-ecommerce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ladipage-vietnam.gitbook.io/v5-ecommerce/iii.quan-ly-san-pham/danh-sach-san-pham/ecommerce.md).

# eCommerce

Mục sản phẩm eCommerce sử dụng tạo các sản phẩm thương mại như quần áo, giày dép, mỹ phẩm, trang sức,..

{% hint style="info" %}

1. Link demo sản phẩm eCommerce - sản phẩm nhiều biến thể  : <https://checkout.ladi.sale/ao-so-mi-nu-sat-nach-tron-day-rut-vai-form-regular-71554>  &#x20;
2. Link demo sản phẩm eCommerce - sản phẩm không có biến thể : <https://checkout.ladi.sale/ao-so-mi-nu-sat-nach-tron-day-rut-vai-form-regular-san-pham-don-72788>
3. Link demo sản phẩm eCommerce sử dụng tính năng phân loại sản phẩm bằng visual swatch, màu sắc <https://checkout.ladi.sale/demo-su-dung-mau-sac-visual-swatch-cho-san-pham-72799>&#x20;
   {% endhint %}

## Tạo thông tin sản phẩm&#x20;

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

Bạn bấm vào mục Vật lý , tạo lần lượt các thông tin sản phẩm&#x20;

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

## Thuộc tính và biến thể của sản phẩm&#x20;

Mỗi sản phẩm có thể có nhiều thuộc tính và biến thể khác nhau. Chẳng hạn, một chiếc áo có thể có nhiều kích cỡ, màu sắc, họa tiết...&#x20;

Ví dụ:

* ***Thuộc tính*** kích cỡ có thể có các ***biến thể***: S, M, L,...
* ***Thuộc tính*** màu sắc có thể có các ***biến thể***: đen, trắng, đỏ,...

### Thiết lập Thuộc tính&#x20;

Bấm vào mục Thêm thuộc tính để tạo thêm Tên thuộc tính theo nhu cầu sử dụng của bạn&#x20;

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

<figure><img src="/files/5VJNIgePyvKxXieY0ziy" alt=""><figcaption></figcaption></figure>

* **Bước 1:** Tại ô `Tên thuộc tính`, điền tên thuộc tính mà bạn muốn thêm cho sản phẩm (VD: Kích cỡ).
* **Bước 2:** Tại ô `Giá trị thuộc tính`, nhập lần lượt từng biến thể của thuộc tính đó (VD: S, M, L). Mỗi biến thể cách nhau bởi nút `ENTER`.
* **Bước 3:** Chỉnh sửa `Giá`, và `SKU` của biến thể (nếu cần thiết).  hoặc bấm vào icon Xóa để xóa đi biến thể mà bạn không sử dụng

  Vậy là bạn đã thiết lập xong thuộc tính Kích cỡ cho sản phẩm.

{% hint style="danger" %}
Lưu ý: Bạn được thiết lập tối đa 3 thuộc tính cho mỗi sản phẩm.
{% endhint %}

### Tùy chỉnh kiểu hiển thị văn bản hoặc hình ảnh cho biến thể

Thay vì phải tải từng ảnh độc lập của biến thể như hướng dẫn phía trên, bạn có thể sử dụng phần kiểu hiển thị của thuộc tính bằng Text/ Màu Sắc/Hình Ảnh.&#x20;

Ví dụ bạn có sản phẩm Size S, M thì tương ứng với 2 text size S, size M và 2 hình ảnh màu sắc Đỏ và Đen, thì list tương ứng màu sắc và text này ra để bạn chọn sản phẩm phù hợp, thay vì list từng biến thể S-đỏ, S-đen, M-đỏ, M-đen

{% hint style="danger" %}
Lưu ý : Hiện tại phần thông tin này hiển thị khi bạn tích hợp sản phẩm từ LadiSale sang LadiPage, còn trên LadiSales chỉ có phần thiết lập&#x20;
{% endhint %}

**Bước 1** : Click vào mục Tùy chỉnh&#x20;

{% embed url="<https://prnt.sc/Bd02sPObmFuv>" %}

**Bước 2**: Pop-up `Sửa thuộc tính` sẽ hiện ra. Kiểu hiển thị mặc định là **Text (văn bản)**. Để đổi sang kiểu hiển thị dạng hình ảnh hoặc màu sắc, chọn **`Visual Swatch`**.

{% embed url="<https://prnt.sc/B-y860bOLX4a>" %}

**Bước 3:** Click vào ô vuông cạnh tên biến thể, rồi `Chọn màu`, hoặc `Chọn ảnh` đại diện cho biến thể đó.

{% embed url="<https://prnt.sc/UVLnM0XVyvry>" %}

{% embed url="<https://prnt.sc/HAuJAHCEpFkL>" %}

{% hint style="danger" %}
Demo sản phẩm eCommerce sử dụng tính năng hiển thị bằng visual swatch, màu sắc <https://checkout.ladi.sale/demo-su-dung-mau-sac-visual-swatch-cho-san-pham-72799>&#x20;
{% endhint %}

{% hint style="danger" %}
Ý nghĩa các trường thông tin ở mục sản phẩm , [tham khảo tại đây ](/v5-ecommerce/iii.quan-ly-san-pham/danh-sach-san-pham/dinh-nghia-ve-cac-loai-san-pham-va-mo-ta-cac-truong-thong-tin-thiet-lap.md)
{% endhint %}

## Trang thanh toán&#x20;

Sau khi tạo các thông tin sản phẩm và bấm Lưu, mỗi sản phẩm sẽ tạo trang 1 trang thanh toán ,cho phép khách hàng của bạn truy cập để  mua hàng và thanh toán&#x20;

<figure><img src="/files/8aNo40A3aCruGox6ARZN" alt=""><figcaption></figcaption></figure>

Click vào mục Truy cập để xem link trang thanh toán, click mục Chỉnh sửa để truy cập phần chỉnh sửa trang thanh toán&#x20;

Chi tiết về chỉnh sửa trang thanh toán&#x20;

{% content-ref url="/pages/-M\_43enKs4ab1tvYCsQF" %}
[1.Trang thanh toán](/v5-ecommerce/iv.kenh-ban-hang/untitled.md)
{% endcontent-ref %}

## Cửa hàng

Bạn có thể thêm sản phẩm vào trang cửa hàng - bao gồm nhiều sản phẩm khác nhau, để khách hàng truy cập để mua hàng và thanh toán&#x20;

Bạn vào mục Cửa hàng trong phần thông tin thiết lập sản phẩm, chọn cửa hàng bạn muốn thêm sản phẩm bằng cách tích vào mục Chọn tất cả cửa hàng hoặc tích cửa hàng đã tạo&#x20;

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

Chi tiết về chỉnh sửa trang cửa hàng

{% content-ref url="/pages/sYBKnVxE4Qy0JgNDHoPo" %}
[2.Trang cửa hàng](/v5-ecommerce/iv.kenh-ban-hang/2.trang-cua-hang.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ladipage-vietnam.gitbook.io/v5-ecommerce/iii.quan-ly-san-pham/danh-sach-san-pham/ecommerce.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.