Shopify 提供了 Boundless 这款在线商店模板,让商家可以轻松地设置网店的外观和风格。本文将介绍如何通过模板设置自定义网店的颜色和版式。

商家可以选择商店不同部分的颜色,还可以设置网站文字的字体样式和大小。使用系统字体可以避免下载新字体对网站加载速度产生影响。下面详细介绍PC、iOS和Android系统下的设置步骤。

颜色设置

PC端设置

1. 登录 Shopify 后台,进入"在线商店 - 模板"页面

2. 找到 Boundless 模板,点击"自定义"

3. 进入"模板设置 - 颜色"页面

4. 点击要修改的内容类型颜色,打开颜色选择器

5. 在"最近选择"和"当前使用"区域查看可用颜色

6. 在文本框中输入十六进制颜色代码,或删除代码设置为透明

7. 点击"保存"应用更改

iOS端设置

1. 打开Shopify APP,进入"商店 - 在线商店 - 管理模板"

2. 找到 Boundless 模板,点击"自定义"

3. 点击"编辑",进入"模板设置 - 颜色"页面

4. 操作步骤同PC端

Android端设置

1. 打开Shopify APP,进入"商店 - 在线商店 - 管理模板"

2. 找到 Boundless 模板,点击"自定义"

3. 点击"编辑",进入"模板设置 - 颜色"页面

4. 操作步骤同PC端

版式设置

您可以设置网站文字的字体样式和大小,支持系统字体和自定义字体。使用系统字体可以提高网站加载速度。

PC端设置

1. 登录 Shopify 后台,进入"在线商店 - 模板"页面

2. 找到 Boundless 模板,点击"自定义"

3. 进入"模板设置 - 字体"页面

4. 点击要修改的文字类型,打开字体选择器

5. 通过搜索或加载更多浏览字体,选择要使用的字体

6. 如需修改字体样式,点击当前样式并从下拉菜单选择

7. 点击"选择",然后点击"保存"

iOS端设置

1. 打开Shopify APP,进入"商店 - 在线商店 - 管理模板"

2. 找到 Boundless 模板,点击"自定义"

3. 点击"编辑",进入"模板设置 - 字体"页面

4. 操作步骤同PC端

Android端设置

1. 打开Shopify APP,进入"商店 - 在线商店 - 管理模板"

2. 找到 Boundless 模板,点击"自定义"

3. 点击"编辑",进入"模板设置 - 字体"页面

4. 操作步骤同PC端

常见问题 FAQs

Q: 为什么要使用系统字体?

A: 使用系统字体可以避免下载新字体对网站加载速度产生负面影响。客户电脑上显示的字体取决于其操作系统。

Q: 如何查看所有可用的字体?

A: 可以参考Shopify的字体库,里面列出了所有可供选择的字体。

Q: 如何设置颜色为透明?

A: 在颜色文本框中删除掉十六进制颜色代码即可将颜色设置为透明。

Q: 自定义字体会影响网站加载速度吗?

A: 使用自定义字体可能会影响网站的加载速度,因为需要把字体文件下载到客户端。推荐使用系统自带的字体。