Tạo menu thả xuống trong joomla

Một số template của Joomla! có hỗ trợ việc tạo các menu thả xuống kiểu Suckerfish hay Dropline mà không phải sử dụng bất cứ thành phần mở rộng nào. Để tạo được menu loại này đầu tiên bạn phải thiết lập các mục trong menu theo quan hệ cha / con (Parent / Child). Mục con sẽ là mục thả xuống khi bạn rê chuột qua mục cha.

Bài viết sau sẽ hướng dẫn cách các bạn thực hiện trên template có tên là Optimus (miễn phí)

Bước 1. Mở mục Quản lý Menu (Menu Manager)

Chọn menu mà bạn muốn thiết lập quan hệ cha / con. Trong thí dụ này chúng ta sử dụng menu có tên là "Main Menu"

Quan hệ bình đẳng giữa các menu

Trong hình trên các mục của Main Menu hiện đang có quan hệ bình đẳng với nhau (không phải quan hệ cha / con)

Bước 1.1: Mở phần Các tham số của Menu (Menu Parameters)

Bước 1.2: Chọn mục cha (Parent Item)

Trong phần "Parent Item", chọn mục mà bạn muốn làm mục cha của mục hiện hành. Trong thí dụ này chúng ta sẽ gán mục "What's New in 1.5?" làm mục cha của mục hiện hành (bài "Joomla Overview").

Bước 1.3: Lưu các thay đổi.

Nhấn vào nút [Save] phía trên bên tay phải.

Kết quả sau khi thiết lập mối quan hệ cha / con

Bạn có thể làm tương tự với các link khác mà bạn muốn, và cũng có thể phân làm nhiều mức. Tuy nhiên trong hầu hết các tình huống chỉ nên phân tối đa làm 3 mức.

Bước 2: Thiết lập mô-đun Menu (Menu Module)

Bước 2.1: Mở phần quản lý mô-đun (Module Menager)

Mở menu Extensions -> Module Manager, chọn mô-đun menu mà bạn muốn thiết lập. Trong thí dụ này, chúng ta sẽ sử dụng mô-đun 'Main Menu'.

Sau khi mở mô-đun menu, bạn sẽ trông thấy các tham số của nó bên tay phải.

Bước 2.2:  Thiết lập phần "Chi tiết" (Details)

Phần phần Details thiết lập các tham số như sau:

• Show Title = No
• Enabled = Yes
• Position = Chọn vị trí mô-đun sẽ xuất hiện.

Bước 2.3: Thiết lập "Tham số" (Parameters)

Trong vùng Tham số, thiết lập các tham số như sau:

• Menu Name = mainmenu (lấy tên của menu mà bạn muốn tạo menu thả xuống)
• Menu Style = List
• Always show sub-menu items = Yes

Ngoài ra bạn không cần phải thay đổi bất cứ tham số nào khác (trừ phi có yêu cầu trong tài liệu kèm theo)

Bước 2.4: Lưu các thay đổi

Nhấn vào nút [Save] ở phía trên bên tay phải để lưu lại các thiết lập

Bước 3: Mở Website và kiểm tra kết quả