Icon, ảnh và nhãn cho mục menu

Ngoài tên mục, bạn có thể gắn thêm cho mỗi mục menu một icon, một ảnh nhỏ, chấm nhãn ở góc icon hoặc dòng chữ phụ nằm ngay bên dưới.

Mở chỗ chỉnh từng mục menu

• Mở menu trong app Navi+, vào bước Build Menu rồi bấm vào tên một mục menu để mở bảng Edit item.
• Các thiết lập trong bài này áp dụng riêng cho từng mục bạn đang mở. Nếu muốn đổi màu hoặc cỡ chung cho cả menu, bạn sang bước Design và xem bài Chỉnh kiểu menu chính.

Dùng icon hay tải ảnh riêng?

Mỗi mục menu chỉ dùng một hình đại diện: chọn icon trong thư viện hoặc tải ảnh riêng của bạn lên. Hai ô này nằm cạnh nhau, cách nhau bằng chữ OR. Khi bạn chọn bên này thì bên kia sẽ tự động được thay thế.

• Icon: hình nét vẽ sẵn, rõ nét ở mọi kích thước và không cần chuẩn bị file ảnh.
• Ảnh tải lên: hợp khi bạn muốn gắn logo, ảnh sản phẩm thật hoặc bộ icon riêng của shop.
• Muốn gỡ hình đang dùng, bạn bấm biểu tượng thùng rác ngay phía trên ô chọn.

Chọn icon từ thư viện

Khung chọn icon có hai tab:

• Remix: bộ RemixIcon, có sẵn ở mọi gói.
• Google: bộ Material Symbols đang thử nghiệm BETA với hơn 4.000 icon, chỉnh được độ đậm nhạt của nét vẽ, dành cho gói Business trở lên.

Tải ảnh riêng lên mục menu

Với các mục menu chuyên hiển thị ảnh lớn như Big image hoặc Image banner, nút này đổi tên thành Upload image nhưng vẫn nằm ở đúng vị trí đó.

Cỡ ảnh nên dùng

Loại ảnh	Kích thước khuyên dùng	Cách Navi+ xử lý khi tải lên
Icon, ảnh nhỏ thay icon	Ảnh vuông tỉ lệ 1:1, nền trong suốt nếu là logo. Tốt nhất nên dùng file svg	Tải lên tối đa 1 MB. App tự thu nhỏ về khoảng 280×90 px ở gói Business, hoặc 320×96 px ở gói Elite
Ảnh lớn như Big image, Banner, ảnh nền	Ảnh ngang, rộng từ 800 px trở lên, dung lượng vài trăm KB là vừa	Tải lên tối đa 15 MB. App tự thu nhỏ về chiều rộng tối đa 800 px ở gói Business, hoặc 1600 px ở gói Elite

• Riêng file svg được giữ nguyên gốc, không bị nén.
• Ảnh càng nặng thì khách mở menu trên điện thoại càng mất thời gian chờ. Bạn nên nén nhẹ ảnh trước khi đưa lên app.

Giữ nguyên chất lượng ảnh gốc

Mặc định Navi+ sẽ nén ảnh để menu tải nhẹ. Nếu có ảnh sản phẩm quan trọng cần giữ độ nét gốc, bạn tải ảnh trực tiếp lên kho file của Shopify rồi lấy đường dẫn dán sang Navi+. Cách này dành cho gói Elite.

Đặt ảnh nền cho mục menu

Một số loại mục dùng ảnh để làm nền như card và banner. Với card, ảnh bạn tải lên sẽ phủ làm nền bên dưới và chữ nằm đè lên trên.

Với các mục menu thông thường, nếu muốn lót một tấm ảnh phía sau toàn bộ mục, bạn tải ảnh vào ô Background Image trong phần chỉnh kiểu dáng của mục đó.

Gắn chấm nhãn và số giỏ hàng lên icon

Khi bạn tick vào ô Add badge, góc trên của icon sẽ hiện thêm một chấm tròn nhỏ. Đây là chấm báo hiệu chứ không phải ô để gõ chữ.

Tick xong, bạn sẽ thấy thêm hai tuỳ chọn dành riêng cho mục giỏ hàng:

• Show badge (+n) when items are in the cart: chấm nhãn chỉ hiện ra khi giỏ hàng của khách đang có sản phẩm.
• Show cart count: hiện con số sản phẩm thực tế trong giỏ thay vì chỉ hiện một chấm tròn trơn.

9:41•••

yourshop.com

STORE

HomeShopSearchWishlist3Số 3 là số sản phẩm trong giỏCart

Hai tuỳ chọn giỏ hàng này chỉ mở từ gói Business trở lên.

Màu của chấm nhãn được chỉnh chung một chỗ cho cả menu: bạn sang bước Design, mở phần Main menu rồi chọn màu ở ô Badge color. Mọi chấm nhãn trên menu sẽ đổi theo màu này.

Thêm dòng mô tả nhỏ dưới tên mục

Ô Sub text (Optional) dùng để viết thêm một dòng chữ nhỏ nằm ngay dưới tên mục menu. Chỗ này rất hợp để ghi số hotline, khung giờ mở cửa hoặc ghi chú ngắn như “Gọi 8h–21h”.

Dòng chữ phụ này chỉ hiện ra khi bố cục mục menu bạn chọn có chỗ cho hai dòng chữ. Nếu bạn đang chọn kiểu chỉ hiện icon hoặc chỉ hiện một dòng tên mục thì dòng mô tả nhỏ sẽ tự ẩn đi.

Câu hỏi thường gặp khi gắn icon và ảnh

Sao icon ngoài shop khác với hình tôi đã chọn?

Ô Icon trong từng mục chỉ quyết định hình dáng của icon. Còn màu sắc và độ lớn của icon nằm ở bước Design, trong mục Main menu hoặc Sub menu với các mục cấp 2–3. Bạn kiểm tra lại xem màu icon có đang trùng với màu nền menu không, và trong ô Icon đã bấm chọn đúng hình chưa.

Sao ảnh tôi tải lên lại nhỏ bằng cái icon?

Ở mục menu thông thường, ảnh bạn tải lên sẽ nằm đúng vào vị trí của icon nên kích thước sẽ nhỏ vừa khung đó. Nếu muốn hiển thị ảnh to, bạn cần tạo mới một mục thuộc loại Big image, Image banner, hoặc dùng card. Bạn chọn loại mục ngay lúc bấm thêm mục mới, vì khi đã vào bảng Edit item sẽ không đổi loại mục được nữa.

Sao icon hoặc ảnh hiển thị bị mờ?

Ảnh bị mờ thường do ảnh gốc quá nhỏ nên khi lên màn hình điện thoại bị kéo giãn ra. Bạn nên đổi sang file đuôi svg, hoặc dùng ảnh png hình vuông có kích thước lớn gấp đôi kích thước hiển thị trên menu.

Sao tôi không tick được hai ô giỏ hàng ở phần nhãn?

Hai tuỳ chọn hiện chấm nhãn và đếm số lượng theo giỏ hàng chỉ mở từ gói Business trở lên. Nếu shop đang ở gói Starter, bạn chỉ bật được chấm nhãn tròn trơn.

Nền tảng khác

Shopify Wix Website khác

Các bước ở trên dành cho Shopify — đây là cách mặc định.