Xây dựng Respontive Menu (Navigation Menu) cho Contao 3.x

Xây dựng Respontive Menu (Navigation Menu) cho Contao 3.x

Với Contao thì việc tạo Module “Menu Quick Navigation” là sở hữu Menu hỗ trợ respontive cho người dùng. Nhưng với menu nhiều nội dung thì người dùng khó chọn vậy chúng ta cần plugin khác tốt hơn làm việc này.

Tôi xin giới thiệu plugin Dk_mmenu có thể giúp bạn việc này.

    Tạo ra Module với Type là mmenu vừa cài đặt
    Tạo thêm nút bấm, gọi mmenu hoạt động.

dk_mmenu xây dựng trên http://mmenu.frebsite.nl/ bởi vậy demo bạn xem trên đó có đủ luôn.

Bước 01: Cài đặt Mmenu (dk_menu)

Bước 02: Tạo Module Type sử dụng Mmenu

Setting Mmenu

Bước 3: Bật Jquerry Layout

Với mmenu thì tác giả gọi thêm js ngay trong Module thay việc đẩy phần layout. Do đó chú ý là bạn phải bật jquery Layout là dụng được.

Bước 4: Tiếp đến tạo nút bấm mmenu hoạt động.

Tạo thêm Module kiểu là Custom HTML

<div class="dk_navigation grid offset5"> <a class="dk_mobilmenu" href="#mmenu"> <span>≡</span> Menü </a> </div>

1 2 3 4 5 6

<div class="dk_navigation grid offset5"> <a class="dk_mobilmenu" href="#mmenu"> <span>≡</span> Menü </a> </div>

  


Bước 5: trở lại layout, thêm 02 module vừa tạo trên.