跳至正文
帮助
简体中文
店铺编辑器

构建器的「设置」标签有哪些,我该如何使用它们?

构建器「设置」面板的逐项参考:品牌、颜色、字体、页面宽度、动画、自动化、表单输入、图标、限制、结账方式、结账表单字段、维护页面,以及自定义 CSS 和 JavaScript,全部按市场分别配置。

「设置」面板在哪里

构建器的「设置」面板存放着适用于整个店铺的设计和行为控制项,它们不属于任何单个版块。打开构建器,然后在左侧图标栏中点击齿轮图标(市场旗帜、页面和文章图标位于它上方)。面板会以可折叠的标签形式打开:品牌、颜色、字体、布局、动画、自动化、输入、图标、限制、结账、结账表单、维护页面、自定义 CSS 和自定义 JavaScript。在你按下顶部栏的发布之前,每一项更改都只是草稿。

设置按市场分别保存

所有这些设置都是按市场保存的,而不是为整个店铺统一保存一次。面板副标题显示为「[市场名称] 的全局设置」,以表明你正在编辑哪个市场。请先用旗帜图标切换市场,再打开「设置」。在同一个市场内,这些设置对每个页面都是全局生效的。

品牌

此标签存放两个图像资源(它不包含你的标志,标志是在页眉版块内设置的,不在这里):

  • 网站图标(Favicon):浏览器标签页上的小图标。支持 PNG、JPEG、WEBP 或 ICO(建议 32x32 或 16x16)。
  • 背景图片:可选的整站背景。支持 PNG、JPEG 或 WEBP。设置后会出现另外两个控制项:尺寸(覆盖或包含)和一个重复开关。

颜色

每个市场最多可以有九套配色方案(至少一套)。每个版块、区块和组件都通过编号引用某套方案,因此编辑一套方案会重新着色所有使用它的内容。点击一张卡片即可编辑其颜色,右键点击可复制(达到九套时禁用)或删除(仅剩最后一套时禁用),拖动可重新排序。一套方案为背景、标题、正文、链接、边框、轮廓、阴影、主按钮和次按钮(含悬停状态)以及表单输入定义颜色。

字体

排版将一个字体系列映射到四种角色:

  • 正文:段落和一般文本。
  • 标题:大号页面和版块标题。
  • 副标题:次级标题和版块小标题。
  • 强调:装饰性的重点强调。

字体选择器(带搜索)将字体分为系统字体(即时加载)和非系统字体(需下载到访客端,可能拖慢加载)。使用多种非系统字体可能会损害页面速度。每种拉丁字体会自动配对一种相称的阿拉伯字体,让从右到左的语言也能干净地呈现。

布局

仅一个控制项:页面宽度,是一个滑块,范围为900px 到 1400px,以 100px 为步长(默认 1200)。这只是大号桌面屏幕上的最大内容宽度。在移动端,宽度始终为 100%。设置为全宽的版块会忽略此值并铺满到边缘。

动画

  • 滚动显现:版块进入视口时的动画方式:淡入上滑左滑缩放(默认上滑)。
  • 图片缩放效果:一个开关,可在产品图片上启用悬停缩放。

自动化

仅一个开关:自动播放视频。开启时,视频区块会自动开始播放。由于浏览器政策,它们会保持静音,直到访客与页面发生交互。

输入(表单输入样式)

此标签为店铺中的每个输入框设置样式。它没有颜色选项(输入框颜色来自配色方案)。控制项有:

  • 类型(布局):折叠会把每个标签放在它自己字段的上方,展开会把一个标签放在整个字段组上方,像一个标头。
  • 图标会隐藏字段图标,默认会把它们显示在字段内部,标签会把它们附在标签上。
  • 位置起始末尾,仅当「图标」设为「默认」时显示。

图标

仅一个控制项:线条粗细,即界面图标的线宽,可设为默认(正常)或加粗(粗体)。

限制

限制浏览器交互,让随手复制变得更难。通用选项有:复制文字和图片选取文字和图片使用右键菜单(右键点击)以及检查页面(检测到开发者工具时移除页面内容)。另有一个独立的页眉选项标志跳转到首页,开启时让页眉标志链接到首页,关闭时则仅作装饰。

结账

  • 结账方式加入购物车会让顾客经由购物车抽屉,快速结账会跳过购物车直接进入订单表单。
  • 次要方式:一个开关,会同时提供相反的方式作为次要选项,这样快速结账的店铺仍能显示加入购物车按钮,反之亦然。

结账表单

此标签控制订单表单上的每个字段。每个字段是一行,你可以拖动来重新排序。对每个字段,你可以设置:

  • 状态禁用(隐藏,从表单中移除)、启用(显示但可选)或必填(买家必须填写)。
  • 标签:可见的字段名称(最多 50 个字符)。
  • 占位符:空字段内的提示文字(最多 50 个字符)。

地区字段(城市州/省市镇省份)还会有一个类型控制项(输入表示自由文本,选择表示下拉菜单),但仅当当前市场所在国家有精选的地理位置数据时才出现。可用字段包括全名、名/姓、公司、性别、生日、地址、地址第二行、身份证号、街区、区、公寓、楼层、邮编、城市、州/省、市镇、省份、订单备注、礼物、电子邮件、电话、WhatsApp、链接、颜色、配送和付款。由于表单是按市场设置的,你可以在一个市场中要求填写身份证号,而在另一个市场中将其隐藏。

维护页面

在更新期间用一个占位页面把店铺挡在后面。控制项有:一个启用总开关(开启时,每个路由都显示维护页面,而不只是首页),一个标题(纯文本,最多 100 个字符),一条消息(富文本,最多 500 个字符),以及一个配色方案。关闭「启用」即可让店铺重新上线。

自定义 CSS 和自定义 JavaScript

对于高级调整,自定义 CSS会注入你自己的样式(最多 1000 个字符),自定义 JavaScript会注入你自己的脚本,例如第三方跟踪(最多 1000 个字符)。两者都作用于整个店铺,因此仅在你对代码足够熟悉时才使用它们。