主题组件

/

3 分钟阅读

商品分区与商品页内容块

配置商品媒体布局,以及购买按钮下方的描述、折叠内容和尺码指南。

商品页购买按钮下方的内容由块列表组成。在主题编辑器中选择 Product 分区,点击 Add block 添加内容。各块可拖动排序,评论、加购推荐等应用块也可加入同一列表。

Description 商品描述

将 Shopify 后台中的商品描述放进可折叠行。商品没有描述时,不显示空行。

设置默认值
HeadingDescription

Accordion 折叠内容

用于配送与退货、尺码与版型、护理说明等主题,每个主题可以使用一个块。

设置默认值
HeadingDetails
Content富文本

相邻折叠块,包括 Description,会在视觉上组合为一个带边框的列表,首行上方有细线,行间保留单条分隔线。

Size guide 尺码指南

无需额外占用折叠行,即可添加尺码表:

1

在 Shopify 后台 Online Store → Pages 创建普通页面并填写尺码表;粘贴表格后会自动应用样式。

2

在 Product 分区添加 Size guide 块,选择该页面。

3

商品规格选择器的 Size 标签旁会出现 Size guide 链接,点击后通过对话框展示页面;移动端显示底部弹层。

设置说明
Size guide page在对话框中展示的页面;未选择则不显示链接

链接会关联到名称中包含英文“size”的商品选项,例如 Size 或 Shoe Size。没有这类选项的商品不显示链接,因此可以将该块保留在通用模板中。

按颜色分组商品媒体

商品包含颜色规格时,图库可只显示所选颜色的图片,并随颜色切换更新。分组由各颜色的规格图片与图库顺序决定,无需替代文本代码。配置方法见按颜色分组商品媒体。

其他分区设置

以下设置位于分区本身,不属于内容块:

设置选项默认值
Desktop media layoutCarousel / StackedCarousel
Show thumbnails开启 / 关闭开启
Mobile media layoutFull / PeekFull
Dynamic checkout button开启 / 关闭开启
Sticky add-to-cart bar开启 / 关闭开启
Color scheme / Section spacing配色 / 分区间距Scheme 1 / None