Supply 的模板设置

模版设置:您可以使用模版设置来自定在线商店的颜色和字体。您还可以设置指向社交媒体账号的链接、编辑购物车设置以及添加网站图标。

Supply 包括以下模板设置:

  • 颜色
  • 版式
  • 网站图标
  • 购物车
  • 社交媒体
  • 价格格式
  • 结账

颜色

您可以为在线商店的不同部分选择颜色。

自定义颜色设置

  1. 单击 的模板设置 旁边的自定义

  2. 单击模板设置

  3. 单击颜色

  4. 对于每种类型的内容,点击颜色样本以使用颜色选择器。最近所选区域显示您最近为您的模板选择过的颜色。当前使用区域显示您当前正在模板的其他部分中使用的颜色。

    若要将颜色设置为透明,请单击

  5. 单击保存

版式

您可设置在线商店上的文本的字体样式和大小。

自定义字体设置

  1. 单击 的模板设置 旁边的自定义

  2. 单击模版设置

  3. 单击 Typography(字体)。

  4. 对于每种类型的文本,点击更改以使用字体选择器。

  5. 通过使用搜索字段或通过单击加载更多来浏览字体。

    若要查看所有可用的字体,请参阅 Shopify 的字体库

  6. 单击要使用的字体名称。

  7. 若要将字体更改为其他样式,例如粗体或斜体,请点击常规。下一步,点击您要使用的样式,然后点击选择

  8. 单击保存

网站图标

通过 Supply,您可以将网站图标添加到您的商店中。网站图标是一个小图标,用于表示您的网站并且在它出现的任意位置作为一个转到您网站的快捷方式,例如:

  • 您的 Web 浏览器选项卡
  • 您的 Web 浏览器历史记录
  • 桌面上的图标
  • 在线商店名称(将其加入书签后)旁边。

使用网站图标可以帮助打造您的商店品牌,并为您的网站提供精美的外观。Supply 的建议网站图标大小为 16 x 16 像素。

添加网站图标:

  1. 单击模板设置选项卡。

  2. 单击网站图标

  3. 网站图标图片区域中,单击选择图片,然后执行以下操作之一:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。

  1. 单击保存

购物车

使用 Supply,您可以自定义购物车页面以包含订单备注,并从四种购物车页面样式中进行选择。

访问购物车设置:

  1. 单击模板设置选项卡。

  2. 单击购物车

启用订单备注

使用 Supply,您可以在购物车页面提供一个字段,供客户添加订单备注。该字段可用于添加礼品消息、特殊要求和配送说明。

购物车类型

Supply 提供四种购物车类型:

  • 使用抽屉式购物车类型,购物车会从页面顶部向下滑动。当购物车关闭时,购物车文本会折叠起来:
  • 翻转式购物车类型与抽屉式购物车类型类似,但翻转动画会在购物车打开和关闭时出现:
  • Modal 购物车类型是一个弹出窗口,显示在页面内容的顶部。单击 X 或单击弹出窗口外部即可关闭该弹出窗口。
  • 页面购物车类型是您在线商店中的页面。客户通过单击标头中的购物车链接或将商品添加到购物车即可访问购物车页面。

社交媒体

您可以为产品和博客文章添加社交共享按钮以及转至您社交媒体账户的链接。

若要自定义社交媒体设置,请执行以下操作:

  1. 单击 的模板设置 旁边的自定义

  2. 单击模板设置

  3. 单击社交媒体

  4. 若要上传社交共享图片,请在社交共享图片区域中,单击选择图片浏览免费图片

  5. 若要将链接添加到社交媒体账户,请在账户区域中,在提供的字段中输入账户链接。请输入完整链接,例如 https://instagram.com/shopifyhttps://twitter.com/shopify

    转至您社交媒体账户的链接显示在您的在线商店的页脚中。

  6. 要在产品和博客文章中添加社交共享按钮,请在共享区域中选中任意或所有复选框。

    您可以添加以下共享按钮:

- 在 Facebook 上共享 - 在 Twitter 上发推文 - Pin on Pinterest(固定在 Pinterest 上)(不适用于共享博客文章)

  1. 若要更改共享按钮的样式,请在 Button style(按钮样式)菜单中选择一种样式。

  2. 单击保存

备注:要在产品页面和博客文章上显示社交共享按钮,您还需要在这些页面的分区中启用这些按钮。

价格格式

使用 Supply,您可以选择产品价格在商店中的显示方式。

若要在 Supply 中设置价格格式选项,请执行以下操作:

  1. 单击模板设置选项卡。

  2. 单击 Price format(价格格式)。

  3. 如果您以使用美分为单位的货币进行销售,请选中 Show cents as superscript(将美分显示为上标)以通过上标显示价格:

结账

在本部分中,您可以自定义商店的结账页面。单击此处了解有关商店结账页面的详细信息。


准备好开始使用 Shopify 进行销售了吗?

免费试用