Đăng nhập Đăng ký website 
DÙNG THỬ MIỄN PHÍ
  • Trang chủ
  • Kiến thức
  • Lập trình giao diện
  • Code Sản phẩm

Code hiển thị danh mục Sản phẩm

Code dùng để hiển thị tất cả các danh mục Sản phẩm.
Lưu ý:
+ Code chỉ hiển thị hình ảnh và tên của danh mục Sản phẩm có trạng thái là Hiện trên trang chủ, khi người sử dụng click vào danh mục nào sẽ hiển thị trang chi tiết của danh mục đó.
+ Code không hiển thị bất kỳ sản phẩm nào

Template code:
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>

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:
Quản lý Danh mục Sản phẩm
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:
Kết quả hiển thị danh mục Sản phẩm

Các tin khác
CÔNG TY TNHH THƯƠNG MẠI DỊCH VỤ THƯƠNG HIỆU TRỰC TUYẾN
Address: 216/14 Bùi Văn Ba, Phường Tân Thuận Đông, Quận 7, Tp.HCM
Hotline: 0908.622.880 -  Zalo: 0908 622 880
Email: Email info
Số Hotline
Zalo