设置布局 — 位置与间距

这些设置控制整个菜单在页面上的位置、相对于其他元素的堆叠顺序以及子菜单的宽度。

---

菜单内边距与外边距

控制整个菜单容器的外部和内部间距 — 与设计中的项目级内边距不同。

字段	描述
上 / 右 / 下 / 左外边距 (px)	菜单与屏幕边缘或周围元素之间的空间
上 / 右 / 下 / 左内边距 (px)	菜单容器内部的空间，在显示项目之前

何时使用:

• 在iOS上将Tabbar推到浏览器导航栏上方: Margin Bottom = 34
• 在Mega Menu和标题之间添加空间: Margin Top = 8

---

Z-Index

菜单相对于其他页面元素（标题、聊天小部件、弹出窗口等）的堆叠顺序。

字段	描述	默认
Z-Index	整数值 — 越高 = 在上面	自动

何时调整:

• 菜单被粘性标题覆盖 → 增加Z-Index到标题值之上。
• 菜单覆盖聊天小部件 → 减少Z-Index到小部件之下。

常见参考值: 主题标题通常是1000–9999; 聊天小部件通常是9999–99999。

---

子菜单宽度

适用于下拉子菜单（Tabbar，单列Mega Menu）。

字段	描述	默认
子菜单宽度 (px)	单列子菜单面板的宽度	360px

---

桌面 — 子菜单行为与宽度

适用于菜单在桌面上显示时。

字段	描述
鼠标悬停时显示子菜单	鼠标悬停时打开子菜单，无需点击
全展开子菜单宽度 (px)	多列子菜单的宽度（桌面Mega Menu）
子菜单方向	子菜单打开的方向：右 / 左 / 上 / 下

---

多站点 (Elite)

在主Shopify商店之外的多个域上嵌入菜单。

字段	描述
多站点	以逗号分隔的域列表（例如 brand.com,shop.brand.com）