菜单设置
更改适用于整个菜单的布局、元素、动画、间距等设置。
设置 选项卡控制菜单显示的位置，以及其中每个菜单项的外观和行为。如果只想调整单个菜单项的样式，请使用该项自己的设置，参阅编辑菜单项。
打开设置
-
打开“设置”选项卡
在 菜单管理器 中打开菜单，然后点击编辑器左侧边栏中的齿轮图标。编辑时预览会同步更新。
点击齿轮图标打开菜单设置。 -
保存并发布
点击 保存，然后点击 发布。
以下默认值是新菜单通常的初始值，部分取决于您的模板。
设置
位置
- 自动替换
- 应用会找到您模板的主菜单并将其替换。
- 替换现有菜单
- 在 选择您的主菜单 和 选择您的移动端菜单 中选择要替换的模板菜单。
- 在该 CSS 选择器上显示菜单
- 在 主菜单的 CSS 选择器 和 移动端菜单的 CSS 选择器 中输入该区域的选择器。仅当上述选项在您的模板上无效时才使用。
每个选项的详细步骤请参阅将菜单发布到模板。
布局和元素
- 方向
- 水平 将顶级菜单项排成一行。垂直 将它们排成一列，类似侧边栏菜单。
- 对齐
- 将菜单栏中的顶级菜单项设为 左、右 或 居中 对齐。
- 菜单最大宽度
- 菜单的最大宽度（px），例如
1200。留空则使用全部可用宽度。 - 显示搜索框
- 在菜单中添加产品搜索框。
- 在桌面端显示分隔线
- 在桌面端顶级菜单项之间显示分隔线。颜色：颜色 > Separator color（分隔线颜色）。
- 在移动端显示分隔线
- 在移动端菜单的各项之间显示分隔线。
- 显示指示符（向下箭头）
- 在带有子菜单的菜单项旁显示一个小箭头。
子菜单
- 显示边框
- 在子菜单周围显示边框。颜色：颜色 > 子菜单 > Border color（边框颜色）。
- 在桌面端启用滚动条
- 子菜单高于屏幕时，顾客可以在其中滚动，而不会被截断。
- 在移动端启用滚动条
- 同上，适用于移动端菜单。
- 子菜单最大宽度
- 子菜单的最大宽度（px）。留空则使用默认宽度。
- 移动端展开方式
- 下拉菜单 在父项下方展开子菜单。滑动 以新面板打开子菜单，并可返回上一级。
菜单动画
- 触发方式 – 桌面端
- 桌面端子菜单的打开方式：悬停、点击 或 点击展开。
- 触发方式 – 移动端
- 移动端菜单中子菜单的打开方式，选项相同。
- 效果
- 打开动画：淡入淡出 或 上移。
- 过渡速度
- 动画时长（毫秒），最多 1500。
- 过渡延迟
- 子菜单打开或关闭前的等待时间（毫秒），最多 1500。使用 悬停 时，可防止鼠标划过时子菜单一闪而过。
触发方式说明：
- 悬停：鼠标移到菜单项上时打开子菜单。
- 点击：第一次点击或轻触打开子菜单；再次点击该项则跳转到其链接。
- 点击展开：每次点击都会打开或关闭子菜单；父项永远不会跳转到其链接。
账户链接
随顾客登录状态切换的客户账户快捷链接，默认全部关闭。开启后会显示其图标和标题字段（例如 登录图标 和 登录标题，可将“Login”改为“Sign in”）。
- 显示登录链接
- 顾客未登录时显示。
- 显示注册链接
- 创建账户的链接。顾客未登录时显示。
- 显示账户链接
- 指向客户账户页面的链接。顾客已登录时显示。
- 显示退出登录链接
- 顾客已登录时显示。
间距
拖动滑块或输入数值（px）。
- 主菜单内边距
- 每个顶级菜单项左右两侧的间距。
- 主菜单行高
- 顶级菜单栏的高度。
- 下拉菜单行高
- 下拉子菜单中每一行的高度。
- 标签行高
- 选项卡菜单中每个选项卡的高度。
- 链接列表行高
- 链接列表区块中每个链接的高度。
轮播
适用于会滑动的区块，例如产品轮播和图片轮播。
- 自动播放
- 幻灯片自动切换。
- 无限循环
- 播放到最后一张后，轮播从第一张重新开始。
高级
- 当宽度小于以下数值时使用移动端菜单
- 屏幕宽度（px）低于此值时使用移动端菜单，更宽的屏幕使用桌面端菜单。
- 隐藏链接列表块的子菜单
- 仅限移动端。 折叠每个链接列表标题下的链接；顾客轻触标题的箭头即可展开。
- 显示加入购物车按钮
- 在菜单产品区块中的产品上显示加入购物车按钮。颜色：颜色 > 加入购物车按钮。
- 启用图片懒加载
- 仅在需要时加载菜单图片，有助于提升页面速度。建议保持开启。
故障排除
在移动端轻触父项无法打开其页面
当 触发方式 – 移动端 设为 点击展开 时，轻触父项只会打开其子菜单。请改为 点击，或将父页面添加为子菜单中的第一个链接。参阅菜单项在移动端无法跳转。
平板或小尺寸笔记本上不显示移动端菜单
屏幕宽度大于 当宽度小于以下数值时使用移动端菜单 的设定值时，会使用桌面端菜单。请调高该数值。
此页面对您有帮助吗？
感谢您的反馈！ 告诉我们缺少了什么
报告问题