Cách tạo Menu Mega theo thẻ

Tổng quan Menu Mega theo thẻ trong chủ đề Concept là một hệ thống điều hướng có khả năng tùy biến cao giúp nâng cao trải nghiệm người dùng bằng cách hiển thị các danh mục sản phẩm với các tab tương tác, sản phẩm nổi bật và nội dung quảng cáo. Hướng dẫn này sẽ hướng dẫn bạn cách thiết lập và tùy chỉnh nó để phù hợp với nhu cầu của cửa hàng bạn. 💡 Lưu ý: Tab Mega Menu chỉ có ở Concept v4.0.0 . Nếu bạn đang sử dụng phiên bản cũ hơn của chủ đề, hãy xem bài viết này để biết phiên bản menu lớn được đơn giản hóa. Cách định cấu hình Menu Mega theo thẻ 1. Thêm Menu Mega theo thẻ Đi tới Bảng quản trị Shopify của bạn. Điều hướng đến Cửa hàng trực tuyến > Chủ đề . Nhấp vào Tùy chỉnh trên chủ đề Khái niệm. Ở thanh bên trái tìm và chọn phần Header . Trong phần nhấn vào để thêm khối rồi chọn Tab mega menu . 2. Cấu hình các cài đặt chính Trong Mục menu , nhập tên của mục menu (ví dụ: "Cửa hàng") sẽ kích hoạt menu mega. Nhập nhãn Nút (ví dụ: "Xem tất cả sản phẩm"). Để trống để ẩn nút. Đặt liên kết Nút theo ý muốn của bạn, ví dụ: để chuyển hướng người dùng đến một bộ sưu tập hoặc danh mục. Xác định Tiêu đề 1 (ví dụ: "Bộ sưu tập") và Tiêu đề 2 (ví dụ: "Phổ biến nhất") để gắn nhãn cho các phần. Chuyển đổi các tùy chọn cho Bố cục trên thiết bị di động , chẳng hạn như hiển thị nhà cung cấp sản phẩm hoặc giá cả. 3. Thêm tab vào Mega Menu Menu Mega theo thẻ hỗ trợ 5 tab theo bố cục dọc, như được thấy trong ảnh chụp màn hình đầu tiên. Mỗi tab được định cấu hình tương tự bằng các bước sau: Thêm danh mục sản phẩm Trong Tab 1 : Đặt Target , là nhãn được hiển thị cho tab (ví dụ: "Tai nghe"). Chọn Liên kết mục tiêu , liên kết này phải được liên kết với một bộ sưu tập, để đảm bảo tab điều hướng chính xác. Chọn Sản phẩm để hiển thị trong tab này. Trên máy tính để bàn, tùy thuộc vào kích thước màn hình, số lượng sản phẩm hiển thị có thể được điều chỉnh tự động từ 2 đến 4. Việc thêm nhiều hơn 4 sản phẩm vào đây sẽ khiến các sản phẩm thừa bị loại bỏ. Tải lên biểu tượng Tùy chỉnh cho tab. Kích thước được đề xuất: định dạng SVG hoặc PNG . Điều chỉnh độ rộng Biểu tượng (ví dụ: 42px). Thêm biểu ngữ quảng cáo Xác định vị trí phần Khuyến mãi 1 . Tải lên hình ảnh khuyến mãi . Điều chỉnh tỷ lệ hình ảnh trên thiết bị di động . Đặt tiêu đề (ví dụ: "Xây dựng gói của bạn"). Thêm văn bản phụ (ví dụ: "Mua 3 và tiết kiệm 30%"). Bật/tắt lớp phủ văn bản trên hình ảnh . Việc bật tính năng này sẽ di chuyển lớp phủ văn bản trên hình ảnh, cho phép bạn tạo một thiết kế tích hợp trực quan hơn. Đặt Liên kết cho chương trình khuyến mãi. Tùy chọn, đặt Tag , để thêm lớp phủ nhãn giống như thẻ trên hình ảnh, như minh họa trong ảnh chụp màn hình. Tùy chỉnh Màu văn bản , Màu lớp phủ và Độ mờ của lớp phủ theo ý muốn. Tùy chọn, lặp lại các bước này cho 4 tab còn lại. 6. Hoàn thiện & Kiểm tra Xem trước menu trên máy tính để bàn và thiết bị di động . Đảm bảo tương tác di chuột và nhấp chuột trơn tru. Điều chỉnh cài đặt nếu cần để có trải nghiệm người dùng tốt hơn. Lưu các thay đổi và xuất bản khi sẵn sàng. Phần kết luận Tab Mega Menu là một công cụ mạnh mẽ để tăng cường điều hướng và giới thiệu các sản phẩm chính một cách hiệu quả. Bằng cách làm theo hướng dẫn này, bạn có thể tạo một menu trực quan hấp dẫn và thân thiện với người dùng để tăng mức độ tương tác và bán hàng. Cần hỗ trợ thêm Nếu bạn gặp bất kỳ vấn đề nào hoặc cần trợ giúp thêm về chủ đề Concept của mình, vui lòng liên hệ với bộ phận hỗ trợ của chúng tôi thông qua Hệ thống vé của chúng tôi để được hỗ trợ trong vòng 8 giờ. Quét mã QR bên dưới để tham gia cộng đồng WhatsApp của chúng tôi để biết thông tin cập nhật, tin tức và thông báo.