跳转到内容
安装应用
简体中文

编辑菜单项

更改菜单项的标题、链接、图标、颜色、徽章、子菜单和可见性,或复制、移动和删除菜单项。

参考 所有套餐 1 分钟阅读

每个菜单项在 编辑项目 面板中都有自己的设置,这些设置仅对该菜单项覆盖整个菜单的设计。

打开菜单项设置

  1. 点击编辑项目

    在预览或 元素 树中将鼠标悬停在菜单项上,然后点击 编辑项目(铅笔图标)(1)。面板会在左侧打开 (2)。

    (1) 点击编辑项目,(2) 菜单项设置在左侧打开
  2. 更改设置

    使用下面各部分的设置。点击 编辑项目 旁边的 ‹ 返回元素树。

  3. 保存并发布

    点击 保存,然后点击 发布。

常规

图标
显示在标题前的图标:通过 选择图标 从图标库中选择,或通过 上传图标 使用您自己的图片。请参阅为菜单项添加图标。
标题
菜单中显示的文字(最多 100 个字符)。
链接
菜单项的跳转目标:选择商店页面或粘贴 URL。下方会显示 在新标签页中打开,如果是产品系列,还会显示 使用标签过滤集合(可选)。请参阅可链接的内容和链接选项。
描述
标题下方的简短说明。留空即可隐藏。

颜色

让某个菜单项更醒目,例如红色的 Sale 菜单项。菜单项颜色属于 强调 功能;在其他套餐中,这些字段会被停用,并显示升级链接。

文字颜色默认: #FFFFFF00Pro
菜单项的文字颜色。
背景颜色默认: #FFFFFF00Pro
菜单项的背景。
Hover text color默认: #FFFFFF00Pro
悬停文字颜色:鼠标悬停时的文字颜色。
Hover background color默认: #FFFFFF00Pro
悬停背景颜色:鼠标悬停时的背景。

#FFFFFF00 表示完全透明,即“使用菜单的常规颜色”。清除设置 会重置这四项。

徽章

一个小标签,例如 New、Hot 或 -50%。开启 徽章 开关即可显示其设置;在顶级菜单项上,徽章显示在标题上方。

徽章设置
徽章标题Pro
徽章文字,例如 New。仅当此项不为空时才会显示徽章。您可以按语言翻译它。
徽章文字颜色默认: #FFFFFFPro
徽章的文字颜色(白色)。
徽章背景色默认: #0693E3Pro
徽章的背景(蓝色)。
菜单栏上的徽章

子菜单

如果菜单项有子菜单,可以在这里更改其 类型、宽度与对齐、内容对齐、背景颜色 和 背景图片。可用选项取决于类型:请参阅下拉菜单设置和超级菜单面板布局。

可见性

选择谁能看到该菜单项以及何时看到;可以勾选多项。

可见性设置
在桌面上隐藏
仅在移动端显示,例如 Call us 链接。
在移动设备上隐藏
仅在桌面端显示,例如不适合小屏幕的宽幅超级菜单。
登录后隐藏
仅对访客显示,例如 Create an account。
仅在登录时显示
仅对已登录的客户显示,例如 Wholesale 或 My orders。
计划发布
仅在 开始日期 / 开始时间 与 结束日期 / 结束时间 之间显示(也可以只设置其中一个)。时间采用商店的时区;结束时间必须在未来且晚于开始时间。请参阅计划菜单和菜单项。

高级

额外的类名
用于自定义 CSS 的您自己的 CSS 类。输入时不带点号,例如 sale-item。

复制、移动和删除

  • 复制项目:在正下方复制该菜单项,包括其整个子菜单。
  • 删除项目:确认后删除该菜单项及其所有子菜单。
  • 移动:在 元素 树中拖动菜单项,然后点击 保存 和 发布。

此页面对您有帮助吗?

报告问题