Joomla — August 30, 2016 at 3:55 am

Để tạo mega drop-down trong joomla 2.5 hiệu quả bạn phải làm thế nào?

by

Tạo thanh công cụ menu từ mega là một cách có chút khó khăn nên bạn không cần phần mềm hỗ trợ. Để giúp bạn hiểu rõ hơn về megamenu hôm nay chúng tôi sẽ giúp bạn tạo mega drop-down học dễ dàng thực hiện các thao tác trên menu cùng tham khảo nhé!

Bước 1 : Tải và Cài đặt MaxiMenu

Đầu tiên các bạn vào trang http://extensions.joomla.org , sau đó gõ MaxiMenu CK vào mục tìm kiếm, sau đó download module này về máy.

hinh-21

Sau đó vào phần admin, tìm đến Extension Manager để cài đặt module này.

hinh-22

Sau khi cài xong, các bạn vào menu Extensions > Module Manager, mở module Maximenu ra để tùy chỉnh.

hinh-23

Chọn vị trí hiển thị cho module này .

hinh-24

Dưới mục Basic Options, chọn Menu to render, trong trường hợp này chúng ta muốn Maximenu hiển thị Main Menu :

hinh-25

Cuối cùng, tại khu vực Menu Assignment , hãy đảm bảo là module này sẽ hiển thị trên hầu hết các trang.

Bước 2 : Cho menu hiển thị đa cấp.

Để hiển thị thì chúng ta sẽ phải thiết lập menu như hình bên dưới :

hinh-26

Bước 3 : Chèn thêm mô tả vào menu.

Maximenu cho phép bạn hiển thị một đoạn mô tả nhỏ về menu. Ví dụ mình có một menu với tiêu đề là “Joomla Books“, và mình muốn đặt mô tả là ” Teach yourself Joomla ” thì chúng ta sẽ làm như sau :

– Vào  Menus > Main Menu , và tại mục Title các bạn gõ như sau : ” Joomla Books||Teach yourself Joomla ” , các bạn có thể xem hình minh họa ở bên dưới :

hinh-27

Bước 4 : Đưa một module vào bên trong một menu.

Một trong những tính năng thú vị mà MaxiMenu mang lại là cho phép bạn đặt một module vào bên trong menu. Các bạn có thể xem hình minh họa bên dưới :

hinh-28

Để làm điều này thì các bạn vào Extensions > Module Manager, click New, chọn Custom HTML, nhập với tiêu đề bất kì, và nội dung minh họa như sau :

hinh-29

– Bạn không cần phải ấn định vị trí tại mục Position, để nó không hiển thị ngoài trang web mà chỉ hiển thị ở menu.

– Sau khi tạo xong , các bạn vào Module Manager và tìm ID của module, trong ví dụ này, id là 97. Các bạn có thể xem hình minh họa bên dưới cho rõ hơn.

hinh-30

– Để hiển thị menu thì các bạn vào Menus > Main Menu, Chọn New để tạo một menu mới, tại Menu Item Type chọn Text Separator.

– Trong Menu Title, nhập ID của module mà bạn muốn hiển thị là xong.

 

Bước 7 : Tạo cột trong menu

hinh-31

 

Để tạo cột như hình bên trên thì tại Menu Title các bạn chèn thêm dòng [col=160] với 160 là chiều rộng của cột.

hinh-32

 

Để hiểu rõ hơn , các bạn có thể xem cách chèn trong menu như hình sau :

hinh-33

Có thể sẽ có thêm nhiều điều khó hiểu trong bài viết này, nếu các bạn có bất kì gặp rắc rối trong quá trình thực hiện thì có thể để lại lời nhắn dưới dạng comments. Mình sẽ giúp các bạn hoàn thành bài viết trên.

Leave a Comment

Your email address will not be published. Required fields are marked *