div class="drow tcenter">
{d:block module="postproducts-category" loop="3" thumb="450x0"}
div class="dcol dscol w25 p1">
div class="image dopacity">a href="data.link}">data.picture}/a>/div>
h2 class="tcenter mav40">a href="data.link}" class="notlink">data.title}/a>/h2>
h3 class="tjustify">data.description}/h3>
/div>
{d:/block}
/div>
{d:block module="postproducts-category" loop="3" thumb="450x0"}
div class="dcol dscol w25 p1">
div class="image dopacity">a href="data.link}">data.picture}/a>/div>
h2 class="tcenter mav40">a href="data.link}" class="notlink">data.title}/a>/h2>
h3 class="tjustify">data.description}/h3>
/div>
{d:/block}
/div>
Trong đó:
loop: là số lượng danh mục được phép hiển thị:
+ loop=”0” nghĩa là hiển thị tất cả danh mục có trạng thái phù hợp.
+ loop=”2” nghĩa là hiển thị 02 danh mục (mặc dù có tất cả 03 danh mục phù hợp)
thumb: là tỷ lệ thumbnail của hình ảnh. Ví dụ: 450x0 nghĩa là hình ảnh sẽ được thumb về chiều ngang là 450 pixel, chiều cao sẽ tự động tỷ lệ theo chiều ngang, còn 450x350 nghĩa là hình ảnh sẽ được thumb về kích cỡ chính xác là ngang 450px và cao 350px.
Ví dụ trong phần Quản lý Danh mục Sản phẩm có các dữ liệu sau:

Như vậy đoạn code trên sẽ hiển thị 03 danh mục, là những danh mục có trạng thái là Hiện trên trang chủ, những danh mục có trạng thái khác sẽ không hiển thị trong code này.
Kết quả hiển thị trên website:
