设置店铺的 Global Sections
Global sections 提供添加更多内容的空间。例如:您可以在产品页页脚上面添加联系表,在购物车页面添加倒计时来吸引客户。本文将给您展示如何添加、编辑店铺的 Global sections。
A. 如何添加 Global section 到店铺
B. 如何自定义内容
C. 如何自定义格式
Global sections 仅适用于 Inside主题(2.0版本)和 Roller主题(3.0版本)。请访问 此链接查看如何升级主题
路径:ShopBase 店铺后台 > 在线店铺(Online store) > 主题(Themes) > 点击想要编辑主题的 自定义(Customize) 按钮
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/global-section-ghep_khkzxm.png)
在下拉菜单选择需要编辑的页面
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/1_vdpua4.png)
您可以在不同页面添加 Global sections,如:主页(Home page), 产品页(Product page), 集合页(Collection list page), 集合详情页(Collection detail page), 购物车页(Cart page), 博客页(Blog page), 博客帖子页(Blog post page)或从**在线店铺(Online store) > 页面(Pages)**创建的任何页面。
点击 Add section
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/2_1q1ani8.png)
有两个标签页, Theme sections (包括主题的基本模块)和 Global sections (包括主题的特殊模块)。请前往 Global sections,选择想要添加的模块。
无法添加有产品的Global sections (如 Featured Product global section、Product + Image global section )到 产品页面(Product page)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/3_1obbu0l.png)
添加 Global section之后,请按照B和C的操作步骤来编辑每个 Global section的 内容(Content)和 格式(Design)。每 Global section将有不同的模块来编辑。您也可以针对每个 Global section 进行编辑 内容(Content)和 格式(Design)。
在 Content Settings 您可以编辑模块里的内容,如文本、按钮、视频等。
如果您只想将此模块显示在电脑上而不想显示在手机页面,请不勾选 Visible on mobile
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/4_1ehyk08.png)
在 Visual settings 您可以编辑视觉元素。例如,如果模块包括文本、按钮、链接、图片等,您可以分开编辑,不互影响。
可以编辑下述视觉模块
有三种背景
Custom: 单色背景,自由选择颜色
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-custom-bg1_1difn9c.gif)
Gradient: 渐变色背景,可以选择从左到右、从上往下或从上左到下右的
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-bg-gradient1_ycjkqa.gif)
Image: 图片背景
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-bg-image1_4y4qio.gif)
所有元素包括文本(大标题、小标题、正文)、按钮、链接都可以分开编辑颜色、字体、大小和格式对齐。有的按钮和图片可以调整成圆角形。
设置分割线分开各模块让信息更加显眼。您可以添加分割线,编辑颜色并给其加粗。
可以安排落地页的布局
Min height 是模块最小高度。 Default 是默认设置最适合的高度, Screen 是模块与屏幕的大小匹配。
![Min height settings](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-min-height1_c3bzdc.gif)
Max width 是模块最大宽度。 Default 是默认设置最适合的宽度, Custom 是自定义宽度, None 是模块的大小与内容的相同。一些模块提供 Full 选项让内容扩展为全屏显示。
![Max width settings - Default and None](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-max-width-default-none1_lf1zsf.gif)
![Max width setting - Custom](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-max-width-custom1_1cggcfh.gif)
![Max width setting - Full](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-max-width-full1_avmmiz.gif)
主题概述
主要内容
A. 如何添加 Global section 到店铺
B. 如何自定义内容
C. 如何自定义格式
A. 如何添加 Global section 到店铺
Global sections 仅适用于 Inside主题(2.0版本)和 Roller主题(3.0版本)。请访问 此链接查看如何升级主题
路径:ShopBase 店铺后台 > 在线店铺(Online store) > 主题(Themes) > 点击想要编辑主题的 自定义(Customize) 按钮
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/global-section-ghep_khkzxm.png)
在下拉菜单选择需要编辑的页面
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/1_vdpua4.png)
您可以在不同页面添加 Global sections,如:主页(Home page), 产品页(Product page), 集合页(Collection list page), 集合详情页(Collection detail page), 购物车页(Cart page), 博客页(Blog page), 博客帖子页(Blog post page)或从**在线店铺(Online store) > 页面(Pages)**创建的任何页面。
点击 Add section
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/2_1q1ani8.png)
有两个标签页, Theme sections (包括主题的基本模块)和 Global sections (包括主题的特殊模块)。请前往 Global sections,选择想要添加的模块。
无法添加有产品的Global sections (如 Featured Product global section、Product + Image global section )到 产品页面(Product page)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/3_1obbu0l.png)
添加 Global section之后,请按照B和C的操作步骤来编辑每个 Global section的 内容(Content)和 格式(Design)。每 Global section将有不同的模块来编辑。您也可以针对每个 Global section 进行编辑 内容(Content)和 格式(Design)。
B. 如何自定义内容
在 Content Settings 您可以编辑模块里的内容,如文本、按钮、视频等。
如果您只想将此模块显示在电脑上而不想显示在手机页面,请不勾选 Visible on mobile
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/4_1ehyk08.png)
C. 如何自定义格式
在 Visual settings 您可以编辑视觉元素。例如,如果模块包括文本、按钮、链接、图片等,您可以分开编辑,不互影响。
可以编辑下述视觉模块
1. 背景(Background)
有三种背景
Custom: 单色背景,自由选择颜色
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-custom-bg1_1difn9c.gif)
Gradient: 渐变色背景,可以选择从左到右、从上往下或从上左到下右的
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-bg-gradient1_ycjkqa.gif)
Image: 图片背景
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-bg-image1_4y4qio.gif)
2. 详细设置
所有元素包括文本(大标题、小标题、正文)、按钮、链接都可以分开编辑颜色、字体、大小和格式对齐。有的按钮和图片可以调整成圆角形。
3. 分割
设置分割线分开各模块让信息更加显眼。您可以添加分割线,编辑颜色并给其加粗。
4. 布局
可以安排落地页的布局
Min height 是模块最小高度。 Default 是默认设置最适合的高度, Screen 是模块与屏幕的大小匹配。
![Min height settings](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-min-height1_c3bzdc.gif)
Max width 是模块最大宽度。 Default 是默认设置最适合的宽度, Custom 是自定义宽度, None 是模块的大小与内容的相同。一些模块提供 Full 选项让内容扩展为全屏显示。
![Max width settings - Default and None](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-max-width-default-none1_lf1zsf.gif)
![Max width setting - Custom](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-max-width-custom1_1cggcfh.gif)
![Max width setting - Full](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/gs-max-width-full1_avmmiz.gif)
关联页面
主题概述
更新于: 09/09/2022
谢谢!