Danh mục
Add-on Menu
Add-on Menu là add-on hiển thị danh mục điều hướng của website. Để menu hoạt động đúng, bạn cần khai báo dữ liệu ở khu vực quản trị (Manage) trước, sau đó add-on trên Visual Editor sẽ tự động lấy dữ liệu này để hiển thị.
Bước 1: Tạo nhóm Menu (Group)
Một website thường có nhiều khu vực đặt menu khác nhau (menu chính ở đầu trang, menu ở chân trang...), vì vậy trước khi tạo từng mục menu, bạn cần tạo trước các "nhóm" để phân loại chúng theo từng khu vực.
- Vào Manage → chọn mục Menu.
- Chọn tab Group.
- Nhấn nút Add (màu xanh, góc phải) → nhập tên nhóm, ví dụ Main Menu, Footer Menu → Lưu lại.
Bạn có thể tạo nhiều nhóm tuỳ theo số khu vực menu cần dùng trên website.
Bước 2: Tạo từng mục trong Menu (Items)
Sau khi đã có nhóm, bạn tạo tiếp từng mục cụ thể sẽ hiển thị bên trong nhóm đó.
- Chọn tab All Items (nằm ngay trên tab Group).
- Nhấn nút Add (màu xanh, góc phải).
- Điền các thông tin sau — đây là phần quan trọng nhất, cần điền đúng để menu hoạt động chính xác:
| Trường | Ý nghĩa |
|---|---|
| Name | Tên hiển thị của mục menu, ví dụ "Trang chủ", "Sản phẩm". |
| Menu Group | Chọn mục này thuộc nhóm menu nào (nhóm đã tạo ở Bước 1). |
| Parent | Chọn "No parent" nếu đây là mục cấp cao nhất (menu chính). Chọn 1 mục khác nếu muốn mục đang tạo trở thành mục con nằm bên trong mục đó. |
| Target | Chọn "Open Same Window" nếu muốn mở ngay tại cửa sổ hiện tại; chọn "Open New Window" nếu muốn mở ở tab/cửa sổ mới khi khách bấm vào mục menu này. |
Chọn đúng "Menu Type" — phần dễ chọn nhầm nhất
"Menu Type" quyết định khi khách bấm vào mục menu này thì sẽ được dẫn tới đâu. Có 4 nhóm lựa chọn:
| Menu Type | Dùng khi nào | Cần điền thêm |
|---|---|---|
| Custom URL | Dùng riêng cho mục Trang chủ. | Ở ô "Custom URL" bên dưới, nhập dấu /. |
| Page | Dùng cho các trang thông thường khác (Giới thiệu, Liên hệ...). | Ở ô "Destination Page", chọn trang muốn liên kết tới trong danh sách trang có sẵn — chọn tự do. |
| Product List / Job List / Course List / Article List (4 lựa chọn này về bản chất giống nhau, chỉ khác loại nội dung) | Dùng khi muốn mục menu dẫn tới 1 nhóm bài viết/sản phẩm cụ thể, thay vì hiện tất cả. | - Ô "Destination Page": chọn trang có tên trùng với Menu Type vừa chọn. - Ô "Category": chọn đúng danh mục mong muốn. Lưu ý: danh mục này phải được tạo sẵn trước, ở đúng mục Category tương ứng (Category của Article, của Product...). |
| Specified Product / Specified Job / Specified Course / Specified Article (4 lựa chọn này về bản chất giống nhau) | Dùng khi muốn mục menu dẫn thẳng tới 1 bài viết/sản phẩm duy nhất. | Ở ô tương ứng (Product/Job/Course/Article), nhập đúng tên bài viết/sản phẩm cần liên kết tới. |
Ví dụ 1 — dùng nhóm "List": Name = "Sản phẩm", Menu Type = Product List, Destination Page = Product List, Category = "Sản phẩm mới". Kết quả: khi khách bấm vào "Sản phẩm" trên thanh menu, trang sẽ hiển thị đúng danh sách các sản phẩm thuộc danh mục "Sản phẩm mới".
Ví dụ 2 — dùng nhóm "Specified": Name = "Cà phê", Menu Type = Specified Product, Product = "Cà phê sữa". Kết quả: khi khách bấm vào "Cà phê" trên thanh menu, trang sẽ mở thẳng tới trang chi tiết sản phẩm "Cà phê sữa".
Bên trong Visual:
- Sau khi đã kéo thả vào vùng Canvas và nhấn vào Add-on Menu thì lúc này trên thanh Toolbar xuất hiện công cụ Text giúp bạn chỉnh sửa được phông chữ, màu sắc và kích cỡ chữ của addon.
- Nhấn vào Add-on Config (biểu tượng bánh xe bên cạnh add-on) để có nhiều cài đặt hơn:
- Group: chọn nhóm Menu bạn muốn hiển thị
- Burger Menu: biểu tượng menu thu nhỏ, phù hợp cho các màn hình có kích thước nhỏ
- Screen Show Menu: các màn hình hiển thị Burger Menu, sẽ phù hợp hơn khi chọn màn hình có kích thước nhỏ như: Tablet, Small Tablet, Mobile
Mega Menu là gì?
Mega Menu là một kiểu hiển thị menu dropdown mở rộng — khi khách rê chuột/bấm vào 1 mục menu cấp 1, một khung lớn xổ xuống hiển thị nhiều cột nội dung cùng lúc (danh mục con, hình ảnh, banner...) thay vì chỉ 1 danh sách dọc đơn giản. Kiểu này phù hợp với các website có menu nhiều danh mục con, thường gặp ở site bán hàng hoặc doanh nghiệp có nhiều nhóm sản phẩm/dịch vụ.
Cách bật Mega Menu
- Chọn add-on Menu trên canvas, mở bảng Addons Config (icon bánh răng).
- Ở tab Details, tìm mục Desktop Style.
- Trong danh sách xổ xuống, chọn Mega Menu (thay vì Simple / Full width / Full screen — đây là 4 kiểu hiển thị menu trên Desktop mà add-on hỗ trợ).
- Ngay khi chọn xong, hệ thống tự hiện thêm các trường cấu hình riêng cho Mega Menu bên dưới, đồng thời xuất hiện 1 tab mới tên "Mega Menu" trên thanh tab (cạnh tab Language).
Các trường cấu hình xuất hiện khi bật Mega Menu (trong tab Details)
| Trường | Ý nghĩa |
|---|---|
| Mega Columns | Số cột hiển thị bên trong khung Mega Menu (vd. nhập 3 để chia nội dung thành 3 cột). |
| Mega Max-Height | Chiều cao tối đa của khung Mega Menu. Để 0 nghĩa là không giới hạn, khung tự giãn theo nội dung. |
| Mega Gap | Khoảng cách giữa các cột/mục bên trong khung Mega Menu. |
| Mega Padding (Top/Left/Right/Bottom) | Khoảng đệm bên trong khung Mega Menu, canh riêng từng cạnh. |
| Mega Radius | Độ bo góc của khung Mega Menu. |
| Show Icon | Bật/tắt hiển thị icon cạnh mỗi mục trong Mega Menu. Để thay đổi icon bạn vào Manage / Menu / All Item - Chọn item menu muốn đổi, chọn ảnh trong mục Icon bên phải |
| Main Direction | Hướng sắp xếp chính của các mục trong menu — Horizontal (ngang) hoặc Vertical (dọc). |
| Sub Direction | Hướng sắp xếp của các mục con (sub-item) trong Mega Menu. |
| Sub Bullet Desktop | Bật/tắt hiển thị dấu chấm (bullet) phía trước mỗi mục con khi xem trên Desktop. |
Tab "Mega Menu" riêng
Sau khi bật, tab Mega Menu xuất hiện trên thanh tab — đây là nơi cấu hình nội dung thực tế hiển thị bên trong khung xổ xuống (thêm/sửa từng cột, gắn ảnh/banner minh hoạ cho từng danh mục con...), tách biệt với tab Details (chỉ cấu hình kiểu dáng/bố cục khung).
Chưa tìm thấy điều bạn cần?
Đừng lo, vẫn còn nhiều cách khác để được hỗ trợ.
Email hỗ trợ
Đội ngũ Eraweb sẽ phản hồi trực tiếp yêu cầu của bạn qua email trong 24 giờ.
Gửi yêu cầu hỗ trợ →
Chat trực tiếp
Từ câu hỏi trước khi mua đến xử lý sự cố kỹ thuật, trò chuyện với đội hỗ trợ 24/7.
Chat ngay →