Đường kẻ mặc định và độ đậm icon

Trong bước Configure, bạn sẽ thấy hai mục Divider để chỉnh đường kẻ mặc định cho cả menu và Google Icon Weight để chỉnh độ đậm nét của icon Google. Cả hai đều dùng giống nhau cho mọi loại menu.

Chỉnh đường kẻ mặc định

Configure

Visibility RulesNavigation IconsSubmenu Expand StyleAnimationDividerZ-IndexCSS

Divider

Customize the divider line between menu items — color, thickness, style, and width.

Color#EEEEEESize (px)Inherit (Default: 1)TypeSolidDashedDottedDoubleWidthFullInsetUnder text

Khung Divider đặt kiểu mặc định cho mọi đường kẻ ngăn cách trong menu, gồm cả mục có bật đường kẻ lẫn mục tạo riêng làm vạch ngăn (loại Divider). Khi sửa từng mục menu, bạn vẫn có thể chỉnh riêng đường kẻ cho mục đó; ô nào bỏ trống sẽ tự lấy theo mặc định ở đây.

Với menu con từ cấp 2 trở xuống, bạn có thể đổi màu đường kẻ riêng trong phần thiết kế menu con. Nếu bạn chưa đặt màu riêng, menu con sẽ dùng luôn màu ở khung này.

Ô	Tác dụng	Mặc định
Color	Màu đường kẻ	#EEEEEE
Size (px)	Độ dày tính bằng pixel. Để trống sẽ tự kế thừa mức mặc định là 1px	Inherit (Default: 1)
Type	Kiểu nét: Solid, Dashed, Dotted hoặc Double	Solid
Width	Độ dài đường kẻ: Full, Inset hoặc Under text	Full

Color

Nằm trong bước Configure, khung Divider, ô đầu tiên bên trái. Đây là màu mặc định của mọi đường kẻ trong menu.

• Lựa chọn: chọn màu từ bảng màu hoặc gõ mã dạng #RRGGBB.
• Mặc định cho menu mới: #EEEEEE (xám rất nhạt).
• Áp cho: cả 6 loại menu, mọi cấp, mọi gói. Với menu con từ cấp 2 trở xuống, nếu bạn đã đặt màu đường kẻ riêng trong phần thiết kế menu con thì màu đó được ưu tiên, chưa đặt thì dùng màu ở ô này.
• Khách thấy gì: các đường kẻ ngăn giữa các mục (mục có bật Add divider và mục loại Divider) đổi sang màu mới. Mục nào đã tự chọn màu riêng ở Edit item thì giữ màu của nó.

Size (px)

Nằm ngay cạnh ô Color, trong khung Divider. Đây là độ dày mặc định của đường kẻ.

• Lựa chọn: nhập số pixel, ví dụ 2. Không cần gõ chữ px.
• Mặc định cho menu mới: để trống, ô hiện Inherit (Default: 1) và đường kẻ dày 1px.
• Áp cho: cả 6 loại menu, mọi cấp, mọi gói.
• Khách thấy gì: số càng lớn thì đường kẻ càng dày. Mục có độ dày riêng ở Edit item thì giữ độ dày của nó.

Chọn kiểu nét

Tại mục Type, bạn bấm một trong bốn nút để đổi kiểu nét: Solid là nét liền, Dashed là nét gạch đứt, Dotted là nét chấm, còn Double là hai nét mảnh song song.

Chọn độ dài đường kẻ

Lựa chọn	Đường kẻ hiện trên menu
Full	Kéo dài hết chiều ngang của mục menu
Inset	Thụt vào ở hai đầu, không chạm sát mép
Under text	Bắt đầu từ mép chữ và nằm ngay dưới chữ

Đường kẻ riêng của từng mục

Khi bạn bấm vào một mục trong cây ở bước Build Menu, bảng Edit item mở ra. Ở đó có ô Add divider; tick vào thì bên dưới hiện thêm bốn ô Size (px), Color, Type, Width để chỉnh đường kẻ của riêng mục này. Ô nào để Inherit hoặc để trống thì mục lấy theo khung Divider của cả menu ở trên.

‹ BackEdit item

ORUpload small image (as icon)jpg, png, svg, webp…

Basic info

TextLanguage Áo thun

Link to  Auto-clean URLLanguage collections/all

Add dividerAdd dividerAdd badge

Sub text (optional)Language E.g. Free shipping over $50

Layout

Display layoutAUTOICON + TEXTTEXT ▸IMAGETEXT ONLY

Width layoutAutomatic

Style

Follows the menu's styleCustomize

Visibility

Showing under all conditionsEdit rules

Submenu

Advanced

Các ô này áp cho mọi loại menu, mọi cấp, trên Shopify, Wix và website khác. Ô Add divider có ở các mục Icon + image + text, Group title, Big image + text và Button. Mục loại Line (đường kẻ tạo riêng) luôn là một đường kẻ nên không cần tick, và bốn ô chỉnh bên dưới cũng áp cho nó.

Add divider

Nằm trong Edit item, cùng hàng với ô Add badge. Dùng khi bạn muốn kẻ một đường ngăn ngay sau một mục cụ thể, thay vì thêm một mục Line riêng.

• Lựa chọn: ô tick bật/tắt.
• Mặc định cho menu mới: tắt.
• Áp cho: cả 6 loại menu, mọi cấp, mọi gói. Chỉ có ở mục Icon + image + text, Group title, Big image + text và Button.
• Khách thấy gì: mục này có thêm một đường kẻ ngăn với mục kế tiếp. Trong Mobile Menu và menu con (từ cấp 2), đường kẻ nằm ngang ở cuối mục. Khi các mục cấp 1 xếp thành hàng ngang (Tab Bar, Mega Menu…), đường kẻ là vạch đứng ở cạnh phải mục. Kiểu nét, màu, độ dày và độ dài lấy theo khung Divider của menu, trừ khi bạn chỉnh riêng ở các ô dưới đây.

Size (px)

Hiện ra khi bạn tick Add divider. Đây là độ dày của đường kẻ ở riêng mục này.

• Lựa chọn: nhập số pixel, ví dụ 2.
• Mặc định cho menu mới: để trống, tức theo ô Size (px) của cả menu.
• Áp cho: cả 6 loại menu, mọi gói. Chỉ có tác dụng khi Add divider đang bật.
• Khách thấy gì: đường kẻ của mục này dày đúng số px bạn nhập, các mục khác không đổi.

Color

Hiện ra khi bạn tick Add divider, nằm cạnh ô Size (px) của mục.

• Lựa chọn: chọn màu từ bảng màu hoặc gõ mã #RRGGBB.
• Mặc định cho menu mới: để trống, tức theo ô Color của cả menu.
• Áp cho: cả 6 loại menu, mọi gói. Chỉ có tác dụng khi Add divider đang bật.
• Khách thấy gì: đường kẻ của mục này đổi sang màu bạn chọn, kể cả khi menu đã có màu mặc định khác.

Type

Hiện ra khi bạn tick Add divider, là hàng nút bấm có hình nét mẫu. Nút đầu tiên Inherit nghĩa là theo menu.

• Lựa chọn: Inherit (theo menu), Solid (nét liền), Dashed (gạch đứt), Dotted (chấm), Double (hai nét song song).
• Mặc định cho menu mới: Inherit.
• Áp cho: cả 6 loại menu. Cần gói Business trở lên: ở gói Starter hàng nút này bị làm mờ và hiện biểu tượng gói trả phí. Chỉ có tác dụng khi Add divider đang bật.
• Khách thấy gì: đường kẻ của mục này đổi kiểu nét, mục khác vẫn giữ kiểu của menu. Riêng Double ở vạch đứng của Mega Menu cấp 1 không rút ngắn được (xem lưu ý ở trên).

Width

Hiện ra khi bạn tick Add divider, nằm dưới hàng nút Type.

• Lựa chọn: Inherit (theo menu), Full (hết bề ngang mục), Inset (thụt vào hai đầu), Under text (bắt đầu từ mép chữ).
• Mặc định cho menu mới: Inherit.
• Áp cho: cả 6 loại menu. Cần gói Business trở lên, ở gói Starter hàng nút bị làm mờ. Chỉ có tác dụng khi Add divider đang bật.
• Khách thấy gì: đường kẻ của mục này dài ngắn khác các mục còn lại. Ở vạch đứng giữa các mục cấp 1, Inset và Under text đều rút ngắn vạch lại, chừa chút khoảng trống ở hai đầu.

Chỉnh độ đậm cho icon Google

Ô chọn Google Icon Weight (BETA) giúp bạn chỉnh nét mảnh hay đậm cho bộ icon Google Material Symbols, tức những icon có mã bắt đầu bằng ms:. Các loại icon thường và hình ảnh bạn tải lên vẫn giữ nguyên.

Bạn bấm vào danh sách để chọn độ đậm từ 100 — Thin, 200 — Light, 300 (Default), 400 — Regular, 500, 600 đến 700 — Bold. Mặc định app để ở mức 300. Bạn có thể chọn mức 100–200 khi muốn nét icon mảnh, thanh lịch, hoặc tăng lên 500–700 để icon đậm và nổi rõ hơn.

Tính năng này mở từ gói Business trở lên. Nếu bạn đang dùng gói Starter, danh sách chọn sẽ bị làm mờ và hiện nút Upgrade → bên cạnh.

Tóm tắt nhanh

Ô trong app	Giá trị	Mặc định	Gói dùng được
Color	Mã màu	#EEEEEE	Mọi gói
Size (px)	Số pixel	1	Mọi gói
Type	Solid · Dashed · Dotted · Double	Solid	Mọi gói
Width	Full · Inset · Under text	Full	Mọi gói
Google Icon Weight	100–700	300	Business trở lê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.