Code hiển thị nhiều danh mục Tin tức, mỗi danh mục hiển thị nhiều tin tức

Ưu điểm của cách trên là bạn có thể trình bày 3 danh mục với 3 style hoàn toàn khác nhau, tuy nhiên nếu trường hợp có nhiều danh mục hoặc thêm/bớt những danh mục mới thì việc điều chỉnh lại code sẽ không thuận tiện.
Để giải quyết vấn đề trên ta có code dùng để hiển thị tất cả các tin tức trong một danh mục và có thể hiển thị nhiều danh mục cùng lúc.
Lưu ý: Đoạn code chỉ hiển thị tên danh mục Tin tức (và toàn bộ tin tức trong danh mục đó) có trạng thái là Hiện trên trang chủ, các trạng thái khác sẽ không hiển thị dữ liệu trong code này.
Template code:

div class="newsBlockCode">
{d:block module="loopnewscate"}
{d:begin loop="12" onRow="1" thumb="450x0" maxdes="120"}
    {d1:begin module="row_data"}
        div class="blockNewsCategory pa2 mb1" data.bgCategory}>
            div class="f32 tcenter uppe mb2">span class="lineheader data.ext_key_extra}">a href="data.link}">data.title}/a>/span>/div>
            div class="drow slideNewsCategory">
                {d2:begin module="col_data"}
                div class="dcol dscol w33 p1 dtop bgWhite">
                    div class="newHeight f16 pa2">
                        div class="dflash">a href="data.link}" >data.picture}/a>/div>
                        div class="mav4 fw500 f18 tupper title lh140">a href="data.link}">data.title}/a>/div>
                        div class="mav2 des lh140 tjustify">data.description}/div>
                        div class="mav2">a class="tbold tcenter" href="data.link}">i class="dicon-right-hand">/i>DTOOL.VIEW_DETAIL}/a>/div>
                    /div>
                /div>
                {d2:end}
            /div>
        /div>
    {d1:end}
{d:end}
script>
dloadscript("DTOOL.SYSTEM_STYLES}jquery.min.js",function(){
    $(document).ready(function(){
        dloadcss(["DTOOL.SYSTEM_STYLES}slick.css"],function(){
            dloadscript("DTOOL.SYSTEM_STYLES}slick.min.js",function(){
                $(".slideNewsCategory").slick({centerMode:true, centerPadding:"0px", slidesToShow:3, dots:true, arrows:false, autoplay:true,
                    responsive:[{breakpoint:768,settings:{slidesToShow:2}},{breakpoint:480,settings:{slidesToShow:1}}]
                });
            });
        });
    });
});
/script>
{d:/block}
/div>

Trong đó:
dbegin: là thông số cấu hình dành cho block này.
{d:begin}…{d:end}: là cấu trúc lặp trong DFramework, toàn bộ dữ liệu nằm giữa cấu trúc này sẽ được lặp lại theo thông số loop tương ứng với cấu hình.
row_data: khóa để lặp số hàng
col_data: khóa để lặp số cột
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, mặc định nếu không có thông số này cũng đồng nghĩa với loop=”0”.
+ 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ụ 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ị 02 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 trang chủ:

Code hiển thị nhiều danh mục Tin tức, mỗi danh mục hiển thị nhiều tin tức

Bạn đã biết code hiển thị Tin tức trong cùng 1 danh mục trong bài trước, để hiển thị sản phẩm cần phải biết key của danh mục sản phẩm.