设置店铺的 Global Sections
Global sections 提供添加更多内容的空间。例如:您可以在产品页页脚上面添加联系表,在购物车页面添加倒计时来吸引客户。本文将给您展示如何添加、编辑店铺的 Global sections。
A. 如何添加 Global section 到店铺
B. 如何自定义内容
C. 如何自定义格式
Global sections 仅适用于 Inside主题(2.0版本)和 Roller主题(3.0版本)。请访问 此链接查看如何升级主题
路径:ShopBase 店铺后台 > 在线店铺(Online store) > 主题(Themes) > 点击想要编辑主题的 自定义(Customize) 按钮

在下拉菜单选择需要编辑的页面

您可以在不同页面添加 Global sections,如:主页(Home page), 产品页(Product page), 集合页(Collection list page), 集合详情页(Collection detail page), 购物车页(Cart page), 博客页(Blog page), 博客帖子页(Blog post page)或从**在线店铺(Online store) > 页面(Pages)**创建的任何页面。
点击 Add section

有两个标签页, Theme sections (包括主题的基本模块)和 Global sections (包括主题的特殊模块)。请前往 Global sections,选择想要添加的模块。
无法添加有产品的Global sections (如 Featured Product global section、Product + Image global section )到 产品页面(Product page)。

添加 Global section之后,请按照B和C的操作步骤来编辑每个 Global section的 内容(Content)和 格式(Design)。每 Global section将有不同的模块来编辑。您也可以针对每个 Global section 进行编辑 内容(Content)和 格式(Design)。
在 Content Settings 您可以编辑模块里的内容,如文本、按钮、视频等。
如果您只想将此模块显示在电脑上而不想显示在手机页面,请不勾选 Visible on mobile

在 Visual settings 您可以编辑视觉元素。例如,如果模块包括文本、按钮、链接、图片等,您可以分开编辑,不互影响。
可以编辑下述视觉模块
有三种背景
Custom: 单色背景,自由选择颜色

Gradient: 渐变色背景,可以选择从左到右、从上往下或从上左到下右的

Image: 图片背景

所有元素包括文本(大标题、小标题、正文)、按钮、链接都可以分开编辑颜色、字体、大小和格式对齐。有的按钮和图片可以调整成圆角形。
设置分割线分开各模块让信息更加显眼。您可以添加分割线,编辑颜色并给其加粗。
可以安排落地页的布局
Min height 是模块最小高度。 Default 是默认设置最适合的高度, Screen 是模块与屏幕的大小匹配。

Max width 是模块最大宽度。 Default 是默认设置最适合的宽度, Custom 是自定义宽度, None 是模块的大小与内容的相同。一些模块提供 Full 选项让内容扩展为全屏显示。



主题概述
主要内容
A. 如何添加 Global section 到店铺
B. 如何自定义内容
C. 如何自定义格式
A. 如何添加 Global section 到店铺
Global sections 仅适用于 Inside主题(2.0版本)和 Roller主题(3.0版本)。请访问 此链接查看如何升级主题
路径:ShopBase 店铺后台 > 在线店铺(Online store) > 主题(Themes) > 点击想要编辑主题的 自定义(Customize) 按钮

在下拉菜单选择需要编辑的页面

您可以在不同页面添加 Global sections,如:主页(Home page), 产品页(Product page), 集合页(Collection list page), 集合详情页(Collection detail page), 购物车页(Cart page), 博客页(Blog page), 博客帖子页(Blog post page)或从**在线店铺(Online store) > 页面(Pages)**创建的任何页面。
点击 Add section

有两个标签页, Theme sections (包括主题的基本模块)和 Global sections (包括主题的特殊模块)。请前往 Global sections,选择想要添加的模块。
无法添加有产品的Global sections (如 Featured Product global section、Product + Image global section )到 产品页面(Product page)。

添加 Global section之后,请按照B和C的操作步骤来编辑每个 Global section的 内容(Content)和 格式(Design)。每 Global section将有不同的模块来编辑。您也可以针对每个 Global section 进行编辑 内容(Content)和 格式(Design)。
B. 如何自定义内容
在 Content Settings 您可以编辑模块里的内容,如文本、按钮、视频等。
如果您只想将此模块显示在电脑上而不想显示在手机页面,请不勾选 Visible on mobile

C. 如何自定义格式
在 Visual settings 您可以编辑视觉元素。例如,如果模块包括文本、按钮、链接、图片等,您可以分开编辑,不互影响。
可以编辑下述视觉模块
1. 背景(Background)
有三种背景
Custom: 单色背景,自由选择颜色

Gradient: 渐变色背景,可以选择从左到右、从上往下或从上左到下右的

Image: 图片背景

2. 详细设置
所有元素包括文本(大标题、小标题、正文)、按钮、链接都可以分开编辑颜色、字体、大小和格式对齐。有的按钮和图片可以调整成圆角形。
3. 分割
设置分割线分开各模块让信息更加显眼。您可以添加分割线,编辑颜色并给其加粗。
4. 布局
可以安排落地页的布局
Min height 是模块最小高度。 Default 是默认设置最适合的高度, Screen 是模块与屏幕的大小匹配。

Max width 是模块最大宽度。 Default 是默认设置最适合的宽度, Custom 是自定义宽度, None 是模块的大小与内容的相同。一些模块提供 Full 选项让内容扩展为全屏显示。



关联页面
主题概述
更新于: 09/09/2022
谢谢!