# 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](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2Fshw6GzCvLqIpdR35dAvL%2Fmodel%20list.png?alt=media\&token=38f2449d-3883-4518-80a4-367ba15c0b2d)

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 ![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FeLhNdBHeHytugd8vuAfz%2Fbi%E1%BB%83u%20t%C6%B0%E1%BB%A3ng%20list.png?alt=media\&token=bd289afa-674e-4057-a5a9-88f54fd2fb66) ra màn hình.

![Cách kéo List repeat](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2F9TehAmepdIzodaheF7gz%2Fkeo%20list.png?alt=media\&token=d7131639-7777-44f7-b3a3-bd5ed94094eb)

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](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FsVFxlePiIl5L3TxbzXtg%2Fmuc%20con%20list.png?alt=media\&token=b1d3b286-2c14-4c2d-bd7d-b87f8da1efbe)

\* 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](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FCgbn3gXzVKPS1X9T6PnQ%2Fc%E1%BA%A5u%20h%C3%ACnh%20list.png?alt=media\&token=93f403eb-6acf-463c-825f-7ab6d62a35fe)

Bước 6: Publish 

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FD9IywDvNHfHjMAV77LT1%2Fk%E1%BA%BFt%20qu%E1%BA%A3%20list.png?alt=media\&token=60e6e9f0-de4e-4980-8f19-e82b609e2311)