Roller主题——设置颜色
Roller是ShopBase上的免费主题。这个主题使您的商店立即脱颖而出。您可以直接在ShopBase主题设置中更改店面的字体。本文里我们学习一下Roller主题如何设置颜色。
A. 如何更改颜色
B. 颜色如何显示
ShopBase 后台前往 线上店铺(Online Store) > 主题(Themes)。选择您要编辑的Roller主题,单击 定制(Customize)。

Settings 里选择 Colors。

对于每个内容类型,点击颜色小格打开色板。可以选择现有颜色或输入颜色代码来找到所需的。要将颜色设置为透明,点击色板底部的透明色。

完成后,点击 Save。
背景(Background)

顶部栏背景(Top bar background)

菜单背景(Menu background)

菜单背景透明度(Menu background opacity)

公告栏背景(Announcement bar background)

通讯部分背景(Newsletter section background)

产品详情背景(Product description background)

迷你购物车背景(Mini cart background)

页脚背景(Footer background)

购物目标进度栏背景(Goal progress bar background)

公告文本(Announcement message text)

商标文本(Logo text)

页面标题(Page headings)

页面内容文字( Page content text)

页脚标题(Footer headings)

页脚文本(Footer text)

价格( Price)

原价(Compare at price)

顶部菜单(Top menu)

主菜单(Main menu)

链接(Links)

页脚链接(Footer link)

按钮(Buttons)

按钮内容(Buttons label)

横幅按钮(Banner buttons)

横幅按钮内容(Banner buttons label)

迷你购物车按钮(Mini cart button)

迷你购物车按钮内容(Mini cart button label)

Bassy 主题——设置颜色
主要内容
A. 如何更改颜色
B. 颜色如何显示
A. 如何更改颜色
ShopBase 后台前往 线上店铺(Online Store) > 主题(Themes)。选择您要编辑的Roller主题,单击 定制(Customize)。

Settings 里选择 Colors。

对于每个内容类型,点击颜色小格打开色板。可以选择现有颜色或输入颜色代码来找到所需的。要将颜色设置为透明,点击色板底部的透明色。

完成后,点击 Save。
B. 颜色如何显示
1. 背景
背景(Background)

顶部栏背景(Top bar background)

菜单背景(Menu background)

菜单背景透明度(Menu background opacity)

公告栏背景(Announcement bar background)

通讯部分背景(Newsletter section background)

产品详情背景(Product description background)

迷你购物车背景(Mini cart background)

页脚背景(Footer background)

购物目标进度栏背景(Goal progress bar background)

2. 文本
公告文本(Announcement message text)

商标文本(Logo text)

页面标题(Page headings)

页面内容文字( Page content text)

页脚标题(Footer headings)

页脚文本(Footer text)

价格( Price)

原价(Compare at price)

3. 链接
顶部菜单(Top menu)

主菜单(Main menu)

链接(Links)

页脚链接(Footer link)

4. 按钮
按钮(Buttons)

按钮内容(Buttons label)

横幅按钮(Banner buttons)

横幅按钮内容(Banner buttons label)

迷你购物车按钮(Mini cart button)

迷你购物车按钮内容(Mini cart button label)

关联页面
Bassy 主题——设置颜色
更新于: 09/09/2022
谢谢!