Narrative 模板设置

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

Narrative 包括以下模板设置:

  • 颜色
  • 版式
  • 购物车抽屉
  • 社交
  • 网站图标
  • 结账

颜色

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

自定义颜色设置

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

  2. 单击模板设置

  3. 单击颜色

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

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

  5. 单击保存

版式

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

自定义字体设置

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

  2. 单击模版设置

  3. 单击 Typography(字体)。

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

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

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

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

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

  8. 单击保存

购物车抽屉

您可以自定义在线商店的购物车抽屉设置:

  • 将您的购物车设置为抽屉样式。购物车抽屉从页面右侧滑出,这意味着客户可在不离开产品页面的情况下将产品添加到购物车中。
  • 让客户在其订单中添加备注。客户可使用购物车备注提供有关如何准备或交付订单的特殊说明:

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

自定义购物车抽屉设置:

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

  2. 单击模板设置

  3. 单击 Cart drawer(购物车抽屉)。

  4. 通过选中 Show cart drawer(显示购物车抽屉),将购物车设置为抽屉样式。如果未选中此框,则将使用整页购物车。

  5. 通过选中 Show cart note(显示购物车备注),向购物车抽屉添加备注。

  6. 单击保存

社交

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

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

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

  2. 单击模板设置

  3. 单击社交

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

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

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

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

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

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

  2. 单击保存

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

网站图标

您可以上传网站图标 (Favicon),该图标可通过在以下位置显示 logo 来帮助您推广在线商店品牌:

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

Narrative 的最佳网站图标尺寸为 32 x 32 像素。

上传网站图标:

  1. 单击自定义

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

  3. 单击网站图标

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

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

  1. 单击保存

结账

您可以对您的结账页面进行自定义以包含以下内容:

  • 页面顶部的自定义图片横幅
  • 商店 logo
  • 主要内容区域中的背景图片或颜色
  • 自定义文本字体和颜色。

若要在应用更改时查看更改,请转到模板编辑器中的结账页面。

访问结账页面设置:

  1. 单击自定义

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

  3. 单击结账

若要添加横幅图片,请执行以下操作:

  • 横幅区域中,单击选择图片,然后执行以下操作之一: - 若要选择已上传到 Shopify 后台的图片,请单击选项卡。
    • 若要从 Shopify 的 Burst 股票图片产品系列中选择股票图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。
    • 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。
  1. logo 区域中,单击选择图片,然后执行以下操作之一:

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

  1. Position(位置)列表中,选择要显示图片的位置(右侧、左侧或居中)。

  2. Logo size(Logo 尺寸)列表中,选择一个 logo 尺寸。

更改结账页面的背景:

您可以在结账页面上显示背景图片,也可以选择背景颜色。背景图片将以网格图形显示。

  1. Main content area(主要内容区域)中,单击选择图片,然后执行以下操作之一:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要从 Shopify 的 Burst 股票图片产品系列中选择股票图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。 - 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。 - 单击背景色 swatch 从调色板中选择新的颜色。

  1. 表单字段列表中,选择字段是白色还是透明。

更改“订单摘要”页面的背景:

  1. 订单摘要区域中,单击选择图片,然后执行以下操作之一: - 若要选择已上传到 Shopify 后台的图片,请单击选项卡。
    • 若要从 Shopify 的 Burst 股票图片产品系列中选择股票图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。
    • 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。
    • 单击背景色 swatch 从调色板中选择新的颜色。

若要设置字体选项,请执行以下操作:

  • 版式区域中,从列表中选择用于标题和正文文本的字体。

若要设置颜色选项,请执行以下操作:

  • 颜色区域中,单击 Accents(主题色)、按钮错误颜色 swatch 从调色板中选择新颜色。

更改模板样式

您可以将模版的通用设置重置为默认值。重置模版样式时,您对通用设置选项卡所做的任何更改都将丢失,但是您不会丢失文本和图片等内容。

  1. 单击通用设置选项卡。

  2. 单击 Change theme style(更改模版样式)。

  3. 单击 Change theme style(更改模版样式)下方的按钮。此按钮的名称通常是模版名称。

  4. 单击更改样式

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

免费试用