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

调整菜单颜色

设置菜单栏、子菜单、选项卡、产品标签和加入购物车按钮的颜色。

操作指南 所有套餐 1 分钟阅读

颜色 选项卡中的颜色适用于菜单中的每个菜单项，因此您可以在一个地方让菜单与品牌保持一致。

更改颜色

  1. 打开“颜色”选项卡

    在菜单编辑器中，点击左侧边栏中的油漆桶图标 (1)。

    打开颜色选项卡 (1)，然后点击颜色字段 (2)。

  2. 选择颜色

    点击颜色旁边的字段 (2)。选择一种颜色，或输入十六进制代码，例如 #FFFFFF。

  3. 检查预览

    将鼠标悬停在预览中的菜单项上，检查悬停颜色。

  4. 保存并发布

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

颜色设置

主菜单

背景颜色
菜单栏的背景。
Hover background color
悬停背景颜色：鼠标悬停在顶级菜单项上或其子菜单打开时的背景。
Separator color
分隔线颜色：菜单项之间的分隔线，在菜单设置中开启 在桌面端显示分隔线 或 在移动端显示分隔线 时显示。
文字颜色
顶级菜单项的文字和图标。
Hover text color
悬停文字颜色：鼠标悬停时顶级菜单项的文字和图标。

子菜单

下拉菜单、超级菜单及其内容。

背景颜色
子菜单的背景。
Border color
边框颜色：子菜单的边框，在菜单设置中开启 显示边框 时显示。
Heading color
标题颜色：子菜单中的标题，例如链接列表的标题。
文字颜色
子菜单中的链接和文字。
Hover text color
鼠标悬停时子菜单链接的颜色。
Description color
描述颜色：菜单项下方的描述文字。
Hover description color
悬停描述颜色：鼠标悬停时的描述文字。

选项卡菜单

Heading color
选项卡名称。
Active heading color
激活标题颜色：所选选项卡的名称。
Active background color
激活背景颜色：所选选项卡的背景。

标签

菜单中显示的产品上的标签。

Sale text color · Sale background color
折扣产品上促销标签的文字和背景颜色。
Sold out text color · Sold out background color
售罄标签的文字和背景颜色。

加入购物车按钮

在菜单设置 > 高级 中开启 显示加入购物车按钮 时显示。

Text color · Hover text color
按钮文字的常规颜色和悬停颜色。
Background color · Hover background color
按钮背景的常规颜色和悬停颜色。

故障排除

菜单项难以阅读或在悬停时消失

确保 文字颜色 与 背景颜色、Hover text color 与 Hover background color 之间有足够的对比度。白色悬停文字配白色悬停背景会让菜单项在悬停时消失。

我想让某个菜单项使用不同的颜色

使用该菜单项自己的 颜色 设置（Pro Navigation 套餐），例如设置一个红色的“Sale”菜单项。参阅编辑菜单项。

此页面对您有帮助吗？

报告问题