Brooklyn 的模版设置

模版设置决定在线商店的字体、颜色和社交媒体链接。您还可以使用模版设置来自定义结账的外观。

颜色

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

自定义颜色设置

  1. 单击 Brooklyn 旁边的自定义

  2. 单击模版设置

  3. 单击颜色

  4. 对于每种类型的内容,单击颜色 swatch 以使用颜色选择器:

    模版编辑器中的颜色选择器

- 最近所选区域显示您最近为您的模版选择过的颜色。 - 当前使用区域显示您当前正在模版的其他部分中使用的颜色。

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

  1. 单击保存

备注:标头网站地图的颜色是由标题的颜色设置确定的。如果幻灯片分区包含一张或多张幻灯片,主页上的标头网站地图则是由幻灯片分区设置中文本的颜色设置确定的。

版式

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

自定义字体设置

  1. 单击 Brooklyn 旁边的自定义

  2. 单击模版设置

  3. 单击 Typography(字体)。

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

    字体选择器上面的“更改”按钮

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

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

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

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

    字体选择器上提供有一个字体粗细选项

  8. 单击保存

购物车页面

您可以自定义购物车页面。使用相关设置来选择要使用的购物车样式,并允许客户添加订单备注。客户可使用购物车备注提供有关如何准备或交付订单的特殊说明:

显示在购物车页面上标记为“卖家特殊说明”的文本字段。此字段显示在订单小计和结帐按钮旁边。

当客户撰写备注时,此备注将显示在您的 Shopify 后台中关于他们订单的备注部分中。

自定义购物车页面

  1. 单击 Brooklyn 旁边的自定义

  2. 单击模版设置

  3. 单击购物车页面

  4. 设置购物车类型: - 页面 - 购物车是一个单独的页面,这意味着客户在将产品添加到购物车时将离开产品页面

    • 抽屉 - 购物车从页面右侧滑出,这意味客户在将产品添加到购物车时仍然停留在产品页面上
  5. 可选:选中 Enable order notes(启用订单备注),让客户能够在他们的订单中进行备注。

  6. 单击保存

社交媒体

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

自定义社交媒体设置

  1. 单击 Brooklyn 旁边的自定义

  2. 单击模版设置

  3. 单击社交媒体

  4. 可选:上传社交共享图片

    1. 单击选择图片
    2. 从计算机上传图片,或单击免费图片以使用 Burst 中的图库图片。
    3. 选择图片。
    4. 单击保存
  5. 可选:添加转至显示在页脚中您的社交媒体帐户的链接。在相应的字段中输入转至您帐户的链接。请确保您使用完整的链接,例如 https://instagram.com/shopifyhttps://twitter.com/shopify。转至您社交媒体帐户的链接显示在您的在线商店的页脚中。

  6. 可选:在产品页面和博客文章中添加社交共享按钮。选中以下任一选项: - 在 Facebook 上共享

    • 在 Twitter 上发推文
    • Pin on Pinterest(固定在 Pinterest 上)(不适用于共享博客文章)
  7. 单击保存

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

网站图标

您可以添加帮助您建立在线商店品牌的网站图标。网站图标会显示在以下位置:

  • 您的 Web 浏览器标签
  • 您的 Web 浏览器历史记录
  • 桌面上的图标
  • 添加为书签后,会显示在您的在线商店名称旁

提示: 建议的网站图标大小为 32 x 32 px。更大的图片将缩小为 32 x 32 px。

自定义您的网站图标

  1. 单击 Brooklyn 旁边的自定义

  2. 单击模版设置

  3. 单击网站图标

  4. 添加网站图标图片:

    1. 单击选择图片
    2. 从计算机上传图片,或单击免费图片以使用 Burst 中的库存图片。
    3. 选择图片。
    4. 单击保存
  5. 将替代文本添加到网站图标图片:

    1. 单击编辑
    2. 编辑图片窗口中,输入该图片的简要说明。
    3. 单击保存
  6. 单击保存

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

免费试用