Mega Menu là một dạng menu kéo xuống lớn, cung cấp nhiều lựa chọn hơn so với menu truyền thống. Loại menu này thường được áp dụng trên các trang web có nhiều nội dung hoặc sản phẩm, vì nó giúp người dùng dễ dàng tìm thấy những gì họ đang tìm kiếm.
Hôm nay, chúng tôi sẽ hướng dẫn bạn cách tạo một Mega Menu cho website bằng Flatsome Studio.
Hướng dẫn tạo Mega Menu cho website bằng Flatsome Studio
Bước 1: Truy cập trang quản trị admin và di chuyển con trỏ đến UX Block, sau đó chọn Thêm trang mới.
Bước 2: Đi đến trang Thêm block. Tại đây, nhập tiêu đề cho block mới, ví dụ: Mega Menu. Sau đó, nhấn Đăng để xuất bản. Sau khi xuất bản, chọn UX Builder.
Bước 3: Mở một trang trống mới và chọn Thêm phần tử để thêm phần tử mới.
Bước 4: Một giao diện mới sẽ xuất hiện từ bên trái, chọn Flatsome Studio.
Bước 5: Duyệt qua các mẫu mặc định trên trang mới và chọn Mega Menu để tìm các mẫu thích hợp.
Bước 6: Chọn mẫu mà bạn ưa thích, di chuyển chuột đến và nhấn Import để nhập mẫu.
Bước 7: Thông báo xác nhận xuất hiện, nhấn Start để xác nhận quá trình nhập.
Bước 8: Mega Menu của bạn đã được tạo mới. Bây giờ, bạn có thể tùy chỉnh thông tin để phù hợp với website và nhấn Cập nhật để lưu thay đổi.
Bước 9: Thêm block Mega Menu vừa tạo vào menu. Quay lại trang quản trị admin, chọn Giao diện, rồi nhấn Menu.
Bước 10: Trang menu sẽ hiện ra. Tại đây, chọn nút mũi tên ở phần menu mà bạn muốn gán block Mega Menu. Ví dụ, gán vào phần Mega Menu trên Main menu.
Bước 11: Cài đặt menu sẽ mở ra. Tại phần Menu dropdown, chọn Design phù hợp (khuyến nghị Container width), và chọn block Mega Menu tại UX Block.
Bước 12: Sau khi hoàn tất, nhấn Lưu menu để lưu lại các thiết lập Mega Menu.
Kết quả
Kết Luận
Trong bài viết này, tôi đã hướng dẫn bạn cách tạo một Mega Menu cho trang web bằng công cụ Flatsome Studio. Rất mong nhận được sự ủng hộ và những đóng góp quý báu từ các bạn để giúp chúng tôi phát triển tốt hơn trong tương lai. Xin chân thành cảm ơn bạn đã dành thời gian theo dõi bài viết. Chúc bạn thành công trong việc áp dụng kiến thức này.
