在线商店功能

您可以使用分区向在线商店的任何页面添加功能。您可以选择、添加和配置包含图片、文本、品牌颜色等内容的分区。

某些页面将具有默认分区,例如公告栏、标头和页脚。这些分区会在每个页面上显示。

公告栏

您可以使用公告栏从任何页面向您的客户传达重要信息。该分区没有自己的设置,但您可以自定义多达 12 个不同的公告块,以便显示重要信息。您可以添加公告栏的链接,使其可点击并将客户引导至特定页面。

公告块

公告栏分区中公告块的设置
设置 描述
文本 要向您的客户显示的公告。
配色方案 用于公告栏的配色方案。
链接 您希望客户在点击公告栏时要导航到的链接。

标头

标头会在您模板中的所有页面上显示。

分区设置

标题分区的设置
设置 描述
Logo 图片 您商店的 logo。
自定义 logo 宽度 logo 的宽度。可以是 10 的任何倍数 - 从 50 px 到 250 px。默认值为 100 px。
logo 在较大屏幕上的位置

当客户在较大屏幕(例如台式设备)上查看网站时,logo 会显示在标头中。

  • 中间居左 - 将 logo 与主菜单内联显示,在垂直方向上居中并向左侧对齐。
  • 左上方 - 在主菜单上方显示 logo,并将 logo 和菜单项向左侧对齐。
  • 中间居左(默认) - 在主菜单上方显示 logo,并将 logo 和菜单项居中对齐。
菜单 用于主菜单的菜单。
显示分隔线 显示一条线,用于直观地将标头与页面内容进行分隔。
启用粘性标头 在客户向上滚动时重新显示标头。在客户向下滚动时消失。

页脚

页脚会在您模板中的所有页面上显示。

分区设置

页脚分区的设置
设置 描述
配色方案 可在“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”中选择页脚的背景色。
显示电子邮件注册信息 包含电子邮件注册信息表单,客户可使用此表单订阅您的新闻通讯和营销信息。
标题 显示电子邮件注册信息表单的标题。如果未启用显示电子邮件注册信息,则不会显示此内容。
社交媒体图标 显示您在模板设置中输入了个人资料链接的所有社交媒体平台的图标。
启用国家/地区选择器 添加一个选择器,供客户选择您在付款设置中启用的国家和地区,以便客户可以使用他们所选的货币查看您的产品价格。
启用语言选择器 添加一个选择器,供客户选择您在语言设置中启用的国家和地区,以便客户可以使用他们所选的语言浏览您的商店。
显示付款图标 显示商店中已启用的付款方式的图标。当客户访问您的商店时,系统会筛选这些图标,以便仅显示可用于当前客户的所在地区和所用货币的付款方式。

菜单块

页脚分区中菜单块的设置
设置 描述
标题 块的标题。
菜单 要在块中显示的菜单。

文本块

文本块可用于突出显示重要信息,例如商店详情、促销或联系信息。

页脚分区中文本块的设置
设置 描述
标题 块的标题。
子文本 要在块中显示的文本。

图片块

页脚分区中图片块的设置
设置 描述
图片 要在块中显示的图片。
图片宽度 设置图片的宽度。可以是 5 的任何倍数 - 从 50 px 到 200 px。默认值为 100 px。
较大屏幕上的图片对齐方式

对齐块中的图片:

  • 左对齐 - 将图片向块的左侧对齐。
  • 居中(默认) - 将图片在块中居中对齐。
  • 右对齐 - 将图片向块的右侧对齐。

博客文章

如果您的 Shopify 商店中有博客,则可以使用博客文章分区突出显示该博客中的文章。博客文章分区中的每篇博客文章都会显示文章摘录的前 55 个词。如果一篇博客文章没有摘录,则改为显示这篇文章的前 30 个词。

分区设置

博客文章分区的设置
设置 描述
标题 分区的标题。
博客 要用于显示博客文章的博客。默认为您的博客页面上按字母顺序显示的第一个博客。
博客文章 要显示在该分区中的博客文章数。最大值:3 篇。
显示配图 显示博客文章的配图。建议的图片纵横比:2:3。
显示日期 显示博客文章的创建日期。
显示作者 显示博客文章的作者。
显示辅助背景 根据文本颜色调整背景色。
如果博客中的博客文章未全部显示,请启用“查看全部”按钮 如果博客中的博客文章数量超出了博客文章字段中设置的值,则会显示“查看全部”按钮,该按钮可将客户定向到博客的页面。

选择博客

  1. 在模板编辑器中,点击博客文章分区的标题。
  2. 博客分区中,点击更改
  3. 选择博客。
  4. 点击选择,然后点击保存

拼贴

您可以创建视频、图片、产品和产品系列的拼贴。每个拼贴分区都包含三个块。默认情况下,该分区各包含一个视频、产品和产品系列块。

若要创建包含超过三个块的拼贴,请在第一个拼贴分区下方添加其他拼贴分区,并且请勿在靠下的拼贴分区中包含标题值。所有拼贴分区将合并显示为一个分区。

分区设置

拼贴分区的设置
设置 描述
标题 分区的标题。
台式设备上的布局

块在台式设备上的显示方式。

  • 左侧大块(默认) - 分区中的第一个块显示在左侧,且大小大于任何其他块。
  • 右侧大块 - 分区中的最后一个块显示在右侧,并且比其他所有块都大。
  • 移动设备上的布局

    块在移动设备上的显示方式。

    • 拼贴 - 在拼贴布局中显示图片:
      • 如果在台式设备上的布局中启用了左侧大块,那么该分区中的第一个块会显示在顶部,并且比其他所有块都大。
      • 如果在台式设备上的布局中启用了右侧大块,那么该分区中的最后一个块会显示在底部,并且比其他所有块都大。
    • - 在一列中以相同尺寸显示所有图片。

    视频块

    拼贴分区中视频块的设置
    设置 描述
    封面图片 客户播放视频之前显示的图片。
    链接 视频的 YouTube 或 Vimeo 链接。视频必须公开提供。
    视频替代文本 视频替代文本。为使用屏幕阅读器的客户描述视频。
    添加图片填充 添加所需的额外空间以确保您的图片不被裁剪。为避免裁剪图片,请上传纵横比为 16:9 的封面图片

    产品块

    拼贴分区中产品块的设置
    设置 描述
    产品 要显示的产品。
    显示辅助背景 根据文本颜色调整背景色。
    在悬停时显示第二张图片 在客户将光标悬停在产品图片上时,显示第二张产品图像(如果产品有第二张图片)。
    添加图片填充 添加所需的额外空间以确保您的图片不被裁剪。为避免裁剪图片,请上传纵横比为 16:9 的产品图片。

    产品系列块

    拼贴分区中产品系列块的设置
    设置 描述
    收藏 要显示的产品系列。
    添加图片填充 添加所需的额外空间以确保您的图片不被裁剪。为避免裁剪图片,请上传纵横比为 16:9 的产品图片。
    配色方案 产品系列块分区的背景色。可从“强调色 1”、“强调色 2”、“背景 1”、“背景 1”、“背景 2”或“反转色”中选择。

    图片块

    拼贴分区中图片块的设置
    设置 描述
    图片 您要显示的图片。
    添加图片填充 添加所需的额外空间以确保您的图片不被裁剪。为避免裁剪图片,请上传纵横比为 16:9 的产品图片。
    配色方案 图片块的背景色。可从“强调色 1”、“强调色 2”、“背景 1”、“背景 1”、“背景 2”或“反转色”中选择。

    可折叠内容

    可折叠内容分区支持可折叠或展开以查看其中内容的行,还支持可放置在可折叠内容左侧或右侧的图片。

    分区设置

    可折叠内容分区的设置
    设置 描述
    大标题 可折叠内容分区的可选大标题。显示在分区标题上方。
    标题 可折叠内容分区的标题。
    标题对齐方式 选择分区标题的对齐方式。选项包含左对齐、居中(默认)或右对齐。
    布局

    为可折叠内容选择布局:

    • 无容器(默认)
    • 行容器 - 每个可折叠行都包含在阴影框中
    • 分区容器 - 在阴影框中包含整个可折叠内容分区
    配色方案 可折叠内容分区的背景颜色。可在“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”之间选择。
    容器配色方案 可折叠内容容器的背景色。可在“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”之间选择。只有将布局选项设置为分区容器时,所选配色方案才可见。
    打开第一个可折叠行 选中后,可折叠内容的第一行将默认展开。
    图片 分区的图片。点击更改按钮可更改或删除图片。
    编辑替代文本 添加简短的图片描述以改进 SEO,还可为使用屏幕阅读器的客户描述图片。
    图片比 分区图片的图片比:
    • 适应图片(默认)- 使用图片的纵横比。这可以防止图片被裁剪。
    台式设备上的布局 选择首先显示图片还是可折叠行。默认设置为文本优先。在移动设备上,始终首先显示图片。
    最大宽度 选择可折叠分区的最大宽度,介于 1200p 和 1600px(默认值)。
    强调图标 更改每个可折叠行开头处的强调图标的颜色。可在“强调色 1”、“强调色 2”、“轮廓”或“文本”(默认值)之间选择。

    可折叠行块

    可折叠行块的设置
    设置 描述
    标题 可折叠行的标题。
    行内容 可折叠行的内容。内容可以格式化或包含 URL 链接。此功能可以与页面中的行内容结合使用。
    页面中的行内容 您可以将其他页面的现有内容插入可折叠行。点击更改可选择或删除页面。此功能可以与行内容结合使用。
    图标 从下拉列表中选择要在可折叠内容之前显示的图标。复选标记图标默认处于选中状态。

    产品系列列表

    您可以添加要突出显示的产品系列列表。您最多可以向产品系列列表中添加 16 个产品系列块。

    分区设置

    产品系列列表分区的设置
    设置 描述
    标题 分区的标题
    图片比 产品系列的配图的图片比:
    • 适应图片 - 使用图片的纵横比。这可以防止图片被裁剪。
    • 纵向 - 将图片裁剪为使用 2:3 比例。
    • 方形(默认) - 将图片裁剪为使用 1:1 比例。
    配色方案 产品系列列表分区和图片填充的背景色。可从“强调色 1”、“强调色 2”、“背景 1”、“背景 1”、“背景 2”或“反转色”中选择。
    在移动设备上启用滑动功能 将移动设备上的显示方式从列更改为行,使客户可以横向滑动以查看更多产品系列块。
    添加图片填充 添加所需的额外空间以确保您的图片不被裁剪。为避免裁剪图片,请上传纵横比为 16:9 的产品图片。
    如果列表中的产品系列未全部显示,请启用“查看全部”按钮 如果产品系列列表中的产品系列数超过了可显示的最大产品系列数字段中设置的值,此时会显示“查看全部”按钮,该按钮可将客户定向到产品系列列表。

    选择产品系列

    1. 在模板编辑器中,点击要向其添加产品系列的产品系列块。
    2. 点击选择产品系列
    3. 点击一个产品系列,然后点击选择

    联系表

    您的联系表会将所有提交发送到您商店的发件人邮箱。您可以在 Shopify 后台的商店详细信息设置页面中更改发件人邮箱。

    该表单具有以下字段:

    • 名称
    • 邮箱(必填)
    • 电话号码
    • 评论

    联系表使用以下配色方案:

    • 背景色是背景 1 的颜色。
    • 文本和文本字段轮廓颜色是文本的颜色。
    • “发送”按钮颜色是强调色 1 的颜色。

    自定义 Liquid

    您可以添加自己的 Liquid 代码以创建自定义分区。

    • 添加已下载应用的说明中提供的应用代码片段,以轻松地将应用引入您的页面。
    • 直接在编辑器中添加自定义 Liquid 代码。

    电子邮件注册横幅

    您可以在密码页面添加分区,客户可在其中输入其邮箱以在您的商店开业时收到通知。每个电子邮件订阅都会创建一个客户账户

    该分区附带三个默认块:

    • 标题
    • 副标题
    • 电子邮件表单

    分区设置

    电子邮件注册横幅分区的设置
    设置 描述
    背景图片 电子邮件注册横幅的背景图片。点击更改可替换或删除图片。删除图片后,将显示模板随附的图片。取消选中显示背景图片复选框可隐藏此图片。
    编辑替代文本 点击后可设置用于搜索引擎优化的图片替换文本,还可用于为使用屏幕阅读器的客户描述图片。
    图片叠加不透明度 利用叠加使电子邮件注册横幅图片变暗。使用滑块设置叠加的不透明度。默认为 0%。
    显示背景图片 选中此框可在电子邮件注册横幅上显示背景图片。
    横幅高度

    使用下拉菜单设置电子邮件注册横幅图片的高度。可在“适应图片”、“小”、“中”(默认)或“大”之间选择。

    台式设备内容位置 设置台式电脑上电子邮件注册横幅的位置。可在“顶部”、“中间”或“底部”以及“右”、“左”或“居中”之间选择。“中间居中”是默认选项。


    在台式设备中,文本框会覆盖部分图片。在移动设备上,文本框在图片下方显示。

    在台式设备上显示容器 对于使用台式电脑进行购物的客户,将电子邮件注册横幅图片文本放置在图片上方的文本框中。
    台式设备内容对齐方式 设置台式电脑上的图片横幅文本的对齐方式。可选择右对齐、左对齐或居中(默认)。
    配色方案 电子邮件注册横幅分区和图片填充的背景色。可从“强调色 1”、“强调色 2”、“背景 1”(默认)、“背景 2”或“反转色”之间选择。


    在台式设备上,只有选中在台式设备上显示容器选项时,所选配色方案才可见。在移动设备上,只有选中在移动设备上的图片下方显示内容时,所选配色方案才可见。

    移动设备内容对齐方式 设置移动设备上的图片横幅文本的对齐方式。可选择右对齐、左对齐或居中(默认)。
    在移动设备上的图片下方显示内容 在移动设备上,内容将显示在电子邮件注册横幅图片下方。

    标题块

    电子邮件注册分区中标题块的设置
    设置 描述
    标题 分区的标题。

    副标题块

    电子邮件注册分区中副标题块的设置
    设置 描述
    描述 分区的描述。
    文本样式 更改电子邮件注册分区中的文本样式。可在“正文”(默认)和“副标题”中进行选择。

    电子邮件注册信息

    您可以添加一个分区,供客户在其中输入他们的邮箱并订阅您的新闻通讯或营销信息。当客户订阅时,系统会在您 Shopify 的后台中创建客户账户。

    该分区附带三个默认块:

    • 标题
    • 副标题
    • 电子邮件表单

    分区设置

    电子邮件注册信息分区的设置
    设置 描述
    配色方案 电子邮件注册信息分区的背景色。可从“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”中选择。
    使分区展示全宽 使分区按浏览器窗口的全宽显示。

    标题块

    产品系列列表分区中标题块的设置
    设置 描述
    标题 分区的标题。

    副标题块

    产品系列列表分区中副标题块的设置
    设置 描述
    描述 分区的描述。

    电子邮件表单

    电子邮件表单块会显示一个字段,客户可在其中输入邮箱来注册接收您的营销信息。该块没有可自定义设置。

    特色产品

    您可以添加包含特定产品的分区。

    分区设置

    特色产品分区的设置
    设置 描述
    产品 您希望在分区中作为特色产品显示的产品。
    显示辅助背景 在辅助背景色上显示特色产品。
    启用视频循环 允许视频再次播放。客户必须点击才能开始重新播放。

    分区块

    您可以在特色产品分区中添加以下块。

    特色产品分区中提供的块
    设置
    文本 输入用于特色产品的文本:
    • 文本:接受文本或动态源。
    • 文本样式:在正文副标题大写之间切换。
    标题 此块没有可自定义设置。
    价格 此块没有可自定义设置。
    多属性选择器 在按钮或下拉菜单之间选择。
    数量选择器 此块没有可自定义设置。
    显示动态结账按钮 显示您已在支付设置中启用的任何动态结账选项。
    分享 可供客户将产品分享到其社交媒体的可点击文本。
    产品评分 用星星图形显示平均产品评分,并在括号里注明评论次数,例如 ★★★★★ (8)。还需要产品评论应用(例如 Shopify Product Reviews)以及元字段定义(用于 reviews.rating_countreviews.rating)。
    自定义 Liquid 添加自定义 Liquid 或 HTML 代码

    特色产品系列

    您可以添加一个分区,用于在一个产品系列中显示产品。

    分区设置

    特色产品系列分区的设置
    设置 描述
    标题 分区的标题。
    收藏 要在其中显示产品的产品系列。
    要显示的最大产品数 要在产品系列中显示的产品数量。必须是偶数。最小值:2。最大值:12。
    如果产品系列中的产品未全部显示,请启用“查看全部”按钮 如果产品系列中的产品数超过了可显示的最大产品数字段中设置的值,此时会显示“查看全部”按钮,该按钮可将客户定向到产品系列页面。
    在移动设备上启用滑动功能 将移动设备上的显示方式从列更改为行,使客户可以横向滑动以查看更多产品。
    图片比 产品图片的图片比:
    • 适应图片 - 使用图片的纵横比。这可以防止图片被裁剪。
    • 纵向 - 将图片裁剪为使用 2:3 比例。
    • 方形 - 将图片裁剪为使用 1:1 比例。
    在悬停时显示第二张图片 在客户将光标悬停在产品图片上时,显示第二张产品图像(如果产品有第二张图片)。
    添加填充 向图片添加填充内容,以确保您的图片不被裁剪。
    显示图片边框 为产品图片添加细边框。
    显示厂商 显示产品的厂商。
    显示产品评分 用星星图形显示平均产品评分,并在括号里注明评论次数,例如 ★★★★★ (8)。还需要产品评论应用(例如 Shopify Product Reviews)以及元字段定义(用于 reviews.rating_countreviews.rating)。

    图片横幅

    图片横幅分区支持一张或两张图片,以及一个带按钮的文本框。如果使用了两张图片,它们将在台式设备上并排显示。在移动设备上,您可以选择图片是并排显示还是在列中显示。

    在台式设备中,文本框会覆盖部分图片。在移动设备上,文本框在图片下方显示。您可以更改台式设备和移动设备上的文本对齐方式 - 右对齐、左对齐或居中。

    分区设置

    图片横幅分区的设置
    设置 描述
    第一张图片 横幅的主图片。如果向分区中添加了两张图片,则该图片将显示在左侧或顶部,具体取决于客户是使用台式设备还是移动设备。
    编辑替代文本 点击后可设置用于搜索引擎优化的图片替换文本,还可用于为使用屏幕阅读器的客户描述图片。
    第二张图片 横幅的辅助图片。如果向分区中添加了两张图片,则该图片将显示在右侧或底部,具体取决于客户是使用台式设备还是移动设备。
    图片叠加不透明度 向横幅图片添加叠加。可使用滑块设置叠加的不透明度。默认为 0%。
    图像横幅高度

    使用下拉菜单设置横幅图片的高度。

    • - 台式机:420 px,移动设备:280 px
    • (默认) - 台式机:560 px,移动设备:340 px
    • - 台式机:720 px,移动设备:390 px
    使分区高度适应第一张图片大小 将分区的高度设置为第一张图片的高度。在移动设备上,两张图片均适应第一张图片的高度。选中此框会覆盖图片横幅高度设置。
    台式设备内容位置 设置桌面图片横幅的位置。可在“顶部”、“中间”或“底部”以及“右”、“左”或“居中”之间选择。
    在台式设备上显示容器 对于使用台式电脑进行购物的客户,将横幅图片文本放置在横幅图片上方的文本框中。
    台式设备内容对齐方式 设置台式电脑上图片横幅文本的对齐方式。可在右对齐、左对齐或居中之间选择。
    配色方案 图片横幅分区和图片填充的背景色。可从“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”中选择。仅在选中在台式设备上显示文本框选项时,所选配色方案才可见。
    移动设备内容对齐方式 设置移动设备上的图片横幅文本的对齐方式。可在右对齐、左对齐或居中之间选择。
    在移动设备上堆叠图片 如果向分区中添加了两张图片,则图片将按列显示,而不是并排显示。
    在移动设备上显示容器 对于使用移动设备进行购物的客户,将横幅图片文本放置在横幅图片上方的文本框中。

    标题块

    图片横幅分区中标题块的设置
    设置 描述
    标题 文本框标题的较大文本。
    标题大小 更改标题文本的大小。在中号(台式机:40 px,移动设备:30 px)和大号(台式机:52 px,移动设备:40 px)之间选择。

    文本块

    图片横幅分区中文本块的设置
    设置 描述
    描述 显示段落样式文本。
    文本样式 更改图片横幅中的文本样式。可在“正文”、“副标题”和“大写”之间选择。

    按钮块

    图片横幅分区中按钮块的设置
    设置 描述
    第一个按钮标签 第一个按钮上显示的文本。
    第一个按钮链接 您要将第一个按钮链接到的 URL。
    使用轮廓按钮样式 将按钮样式调整为轮廓式,而不是使用实心背景。
    第二个按钮标签 第二个按钮上显示的文本。
    第二个按钮链接 您要将第二个按钮链接到的 URL。
    使用轮廓按钮样式 将按钮样式调整为轮廓式,而不是使用实心背景。

    带文本的图片

    您可以添加一个分区并在其中包含一张图片和一个具有可选按钮的文本块,以将客户链接到新页面。选择与图片配对的文本,以将重点放在所选产品、产品系列或博客文章上。添加有关是否有货和样式的详细信息,还可以提供评论。

    分区设置

    带文本图片分区的设置
    设置 描述
    图片 分区的图片。点击更改按钮可更改或删除图片。
    编辑替代文本 点击后可设置用于搜索引擎优化的图片替换文本,还可用于为使用屏幕阅读器的客户描述图片。
    图片高度 选择图片的高度:
    • 适应图片(默认)
    台式设备图片宽度 图片的宽度:
    • (默认)
    台式设备图片放置 选择首先显示图片还是文本。移动设备布局中默认为图片优先:
    • 图片优先(移动设备上的默认选项)
    • 第二张图片
    台式设备内容位置 台式电脑上的图片位置:
    • 顶部(默认)
    • 中间
    • 底部
    台式设备内容对齐方式 台式电脑上的文本对齐方式:
    • (默认)
    • 居中
    内容布局 允许图片和文本框相互重叠。如果选中无重叠,内容将调整为适应文本和图片。
    • 重叠
    • 无重叠(默认)
    配色方案 带文本的图片和图片填充的背景色。可从“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”中选择。
    移动设备布局 选择移动设备上的内容对齐方式:
    • (默认)
    • 居中

    标题块

    带文本图片分区中标题块的设置
    设置 描述
    标题 分区的标题文本。
    标题大小 标题文本的大小:
    • (默认)

    文本块

    带文本图片分区中文本块的设置
    设置 描述
    内容 在文本分区中显示段落样式文本。
    文本样式 内容文本的样式:
    • 正文(默认)
    • 副标题

    按钮块

    带文本图片分区中按钮块的设置
    设置 描述
    按钮标签 按钮上显示的文本。
    按钮链接 您要将按钮链接到的 URL。

    大标题块

    带文本图片分区中大标题块的设置
    设置 描述
    文本 向图片中添加标语或大标题。文本将显示在带文本图片分区的底部。
    文本样式 内容文本的样式:
    • 大写(默认)
    • 副标题
    文本大小 内容文本的大小:
    • (默认)

    多列

    您可以使用多列分区在列布局中显示内容,并在列下方添加按钮以将客户定向至新页面。选择与图片配对的文本,以将重点放在所选产品、产品系列或博客文章上。添加有关是否有货和样式的详细信息或提供评论。

    分区设置

    多页面分区的设置
    设置 描述
    标题 分区的标题。
    图片宽度

    添加到列中的图片的宽度。

    • 列的全宽 - 图片宽度等于列的全宽。
    • 列的半宽 - 图片宽度等于列宽的一半。
    • 列的三分之一宽度 - 图片宽度等于列宽的三分之一。
    图片比

    该图片的图片比:

    • 适应图片 - 使用图片的纵横比。这可以防止图片被裁剪。
    • 纵向 - 将图片裁剪为使用 2:3 比例。
    • 方形 - 将图片裁剪为使用 1:1 比例。
    • 圆形 - 将图片裁剪为以圆形显示
    列对齐方式

    列中图片和文本的对齐方式:

    • 左对齐(默认) - 将图片和文本向左侧对齐。
    • 居中 - 将图片和文本居中对齐。
    辅助背景

    根据背景调整分区的样式:

    • - 列和分区背景将保留背景 1 的颜色,并且列没有填充。
    • 显示为列背景 - 列的背景是文本的不透明色,且为列添加填充。
    • 显示为分区背景 - 分区背景是文本的不透明色,列背景为背景 1,并且列中会添加填充。
    按钮标签 按钮上显示的文本。
    按钮链接 您要将按钮链接到的 URL。
    在移动设备上启用滑动功能 将移动设备上的显示方式从列更改为行,使客户可以横向滑动以查看更多列块。

    列块

    一个分区中最多可包含 12 列。如果您有一个、两个或三个列块,它们会在台式设备上在一行中显示。如果您有四个或以上的列块,它们将以两列的布局显示。在移动设备上,除非启用在移动设备上启用滑动功能,否则列块会在一列中显示。

    多页面分区中列块的设置
    设置 描述
    图片 您要显示的图片。
    标题 列的标题。
    描述 列中的段落文本。

    页面

    您可以选择在分区中显示自定义页面的内容。这会将页面的整个内容引入分区,但不会从任何模板引入任何 Liquid 代码。

    分区的配色方案使用以下设置:

    • 默认情况下,文本采用文本颜色。应用于页面文本的任何特定样式都会应用于该分区。
    • 超链接采用的颜色是强调色 1

    分区设置

    页面分区的设置
    设置 描述
    页面 您要显示的在线商店页面。

    富文本

    您可以添加包含标头、段落内容和按钮的富文本分区,以将客户链接到新页面。

    分区设置

    富文本分区的设置
    设置 描述
    配色方案 富文本分区的背景。可在“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”中选择。
    使分区展示全宽 分区默认为全宽。

    标题块

    富文本分区中标题块的设置
    设置 描述
    标题 分区的标题。
    标题字体大小

    标题文本的大小:

    • 小 - 台式机:24 px,移动设备:20 px
    • 中 - 台式机:40 px,移动设备:30 px
    • 大 - 台式机:52 px,移动设备:40 px

    文本块

    文本块适合用于与客户分享有关您品牌的信息。您可以介绍产品的优点、发布公告、欢迎客户访问您的商店或介绍您的品牌价值。

    富文本分区中文本块的设置
    设置 描述
    描述 分区主要内容的段落样式文本。

    按钮块

    富文本分区中按钮块的设置
    设置 描述
    按钮标签 按钮上显示的文本。
    按钮链接 您要将按钮链接到的 URL。
    使用轮廓按钮样式 将按钮样式调整为轮廓式,而不是使用实心背景。

    幻灯片

    您可以添加幻灯片分区,以在商店的页面中显示最多包含 5 张图片的轮播。

    分区设置

    幻灯片分区的设置
    设置 描述
    布局 可在全宽(默认)或网格之间选择。全宽布局可按分区的完整宽度显示幻灯片,而网格布局可在一侧以填充方式显示幻灯片。
    幻灯片高度

    幻灯片的高度:

    • 适应第一张图片(默认) - 所有图片的高度都将与轮播中第一张图片的高度相同。
    • 中等
    分页样式

    图片下方显示的幻灯片导航的样式。

    • 计数器(默认)
    • 数字
    自动旋转幻灯片

    选中此框可自动旋转幻灯片中的图片。如果未选中此框,则幻灯片会显示静态图片,直到客户手动推进幻灯片。

    更改幻灯片计时器 使用条形来设置幻灯片的自动旋转时间。最小值:3 秒,最大值:9 秒。
    移动设备布局 选中此框可在移动设备上的图片下方显示内容。
    辅助功能 为视觉障碍客户添加幻灯片描述。

    图片幻灯片设置

    幻灯片分区图片的设置
    设置 描述
    图片 幻灯片的静态图片。可点击图片来选择新图片,或使用更改菜单来更改或删除图片。
    编辑替代文本

    为使用屏幕阅读器的客户描述幻灯片。

    标题

    图片的可选标题文本。文本将单独添加到每张图片上。

    标题大小

    可在小标题、中标题(默认)或大标题之间选择。

    副标题 图片的可选副标题文本。文本将单独添加到每张图片上。
    按钮标签 输入按钮的文本,或留空以完全隐藏按钮。
    按钮链接 您要将按钮链接到的 URL。
    使用轮廓按钮样式 点击复选框可在实心或轮廓样式的按钮之间进行切换。
    台式设备内容位置 内容框在图片上的位置。可在“顶部”、“中间”或“底部”以及“左”、“居中”或“右”之间选择。“中间居中”是默认设置。
    在台式设备上显示容器 选中此框可显示内容框。
    台式设备内容对齐方式 内容在图片上的位置。可在“左”、“居中”(默认)或“右”之间选择。
    图片叠加不透明度 使用滑块可调整图片叠加的不透明度。
    配色方案 更改内容框的背景色。可在“强调色 1”、“强调色 2”、“背景 1”(默认)、“背景 2”或“反转色”之间选择。此设置要求显示容器,这样才能影响幻灯片图片。
    移动设备布局 选择内容在移动设备上的显示方式。可在“左”、“居中”(默认)或“右”之间选择。

    视频

    您可以在商店的页面中添加视频分区,以嵌入 YouTube 或 Vimeo 中的视频。

    分区设置

    视频分区的设置
    设置 描述
    标题 分区的标题。
    封面图片 客户播放视频之前显示的图片。
    URL 视频的 YouTube 或 Vimeo 链接。视频必须公开提供。
    视频替代文本 视频替代文本。
    使分区展示全宽 删除默认填充,并使分区按页面的全宽显示。

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

    免费试用