> For the complete documentation index, see [llms.txt](https://tailieu.appon.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tailieu.appon.vn/huong-dan-co-ban/basic-use-block/list-repeat.md).

# List repeat

Để có sự dụng **List repeat** bạn làm theo những bước sau:

Bước 1: Tạo 1 model có chứa trường dữ liệu bạn muốn hiển thị.\
Vd: mình tạo 1 model "sanpham" có chứa trường thông tin là "anh" như hình bên dưới.

![Model sản phẩm Iphone 13 Seri gồm ảnh và tên](/files/38M9SfnHpuT1weXv01V6)

Bước 2: Bạn vào phần **Khối** -> kéo xuống tới mục **List repeat** -> kéo biểu tượng ![](/files/upV6noGBRVwihhfyFDzs) ra màn hình.

![Cách kéo List repeat](/files/0haSwW6RpPcjm2qnJdEU)

Bước 3: Bạn vào phần **Khối** -> chọn **text**, **hình ảnh ->** Kéo vào ô list vừa tạo. 

![List hình ảnh và text](/files/SBFpSA4HzWDEZhUbj9y9)

\* Chú ý: Hình ảnh trong List phải để cùng kích thước.

Bước 5: Cầu hình cho **List repeat**\
Bấm vào **List** muốn cài đặt cấu hình -> chọn "hành động"\
\- Data list : Là model chọn để hiển thị trên list\
\- Set model : Là nơi để lưu trữ dữ liệu bạn chọn\
\- Item list: gồm những hình ảnh, text được hiển thị trên list chọn trong model

![Cấu hình list sản phẩm Iphone 13](/files/BVxQfeAfcjo0xAqUB3B7)

Bước 6: Publish 

![](/files/gtglg7hGTUv3QXCKiG4S)