在主题编辑器中：自定义首页添加分区搭配购买

搭配购买

一张大图，图中的商品上有圆点。点按圆点会显示该商品，并可直接加入购物车。

按照每个圆点在图片中的横向和纵向位置来放置。在手机上检查圆点是否仍在正确的单品上。

设置

图片

生活场景图片: 图片展示商品的照片。请在区块中放置圆点。
手机图片: 图片可选。留空则手机上显示主图。每个圆点在手机上有各自的位置。
桌面端图片形状: 选项: 竖向（4:5）、方形、横向（4:3）、宽幅（16:9）、原始默认: 竖向（4:5）原始：不裁切，因此圆点会准确停在商品上。
手机上的图片形状: 选项: 竖向（4:5）、方形、原始默认: 竖向（4:5）
桌面端图片位置: 选项: 自动：与上方版块相对、第一、最后默认: 自动：与上方版块相对在电脑上位于商品列表旁。在手机上，图片始终位于标题下方。自动：当上方版块同样是图片位于文字旁时，图片会放到另一侧，使相邻版块交替排列；否则图片位于起始侧（希伯来语中为右侧）。

标题

标题: 文本留空则显示默认标题。
标题上方的小词: 开启或关闭默认: 开启
小词: 文本留空则显示默认词语。

圆点和商品

快速加购 + 按钮: 开启或关闭默认: 开启位于从圆点展开的卡片上。打开快速查看；关闭快速查看时则打开商品页面。
图片旁的商品列表: 开启或关闭默认: 开启仅限桌面端。点击某一行会打开其圆点。关闭：标题位于图片上方。
列表标签: 文本留空则显示默认标签。
图片下方的提示: 开启或关闭默认: 开启仅限手机：“点按圆点查看商品”。
圆点颜色: 选项: 浅色、深色默认: 浅色深色照片用浅色，浅色照片用深色。
圆点周围的脉动圆环: 开启或关闭默认: 开启仅在区块显示于屏幕上时进行。不会向偏好减少动态效果的访客显示。

每个圆点是一个区块：选择一件商品，并以百分比放置其位置，桌面端和手机分别设置。没有商品的圆点不会在店铺中显示。

每个分区共有的设置窗格、滚动、间距、颜色、文字样式

窗口、滚动、间距和颜色设置在每个分区中都以相同方式工作。了解它们如何工作。

窗格

拼接: 选项: 独立窗格、与上方窗格拼接、与下方窗格拼接、上下都拼接默认: 独立窗格
图片圆角: 选项: 圆角、直角默认: 圆角

滚动

滚动时被下一个区块覆盖: 开启或关闭默认: 关闭向下滚动时，此区块停留在页眉下方原位，下一个区块从其上方升起覆盖。向回滚动则相反。在编辑器中、对要求减少动态效果的访客以及屏幕很矮时关闭。

间距

为此分区自定义间距: 开启或关闭默认: 关闭关闭：使用主题设置中“布局”下的分区间距。开启：在此分区上方和下方使用此处的值。在移动端，大多数分区使用这些值的 65%。
上方间距: 滑块，0 到 120 px默认: 40 px
下方间距: 滑块，0 到 120 px默认: 40 px
内容宽度: 选项: 窄、标准、宽、全宽默认: 标准

颜色

配色方案: 配色方案与页面方案相同：分区位于页面背景上。其他方案会让分区拥有自己的背景，如同框内的一张卡片。下方的自定义颜色优先于方案。
为此区块使用自定义颜色: 开启或关闭默认: 关闭否则该区块使用主题颜色。
背景: 颜色默认: #F1F1EF
文字: 颜色留空：自动。深色背景上用浅色，浅色背景上用深色。
背景样式: 选项: 纯色、灯光舞台默认: 纯色灯光舞台：自上而下的柔和光线，向下逐渐减弱，由分区颜色生成，浅色或深色均可。深色时文字和按钮会自动变亮。
光线颜色: 颜色来自顶部中央的柔和光线。留空：白色。

文字样式

为此区块自定义文字样式: 开启或关闭默认: 关闭否则该区块使用主题样式。Shopify 字体不包含希伯来文，因此您可以在适用于希伯来文的样式中选择。
标题样式: 选项: 主题默认、细体、粗体、衬线体默认: 主题默认
标题大小: 滑块，70 到 160 %默认: 100 %
标题颜色: 颜色留空：自动，使用区块颜色（深色背景上为浅色）。
文字样式: 选项: 主题默认、细体、粗体、衬线体默认: 主题默认
文字大小: 滑块，70 到 160 %默认: 100 %
文字颜色: 颜色留空：自动，使用区块颜色（深色背景上为浅色）。

块

块是分区里的组成部分。在编辑器中可以添加、删除块，并通过拖动调整顺序。

圆点

常规

商品: 产品此圆点所展示的商品。

桌面端位置

距左侧: 滑块，0 到 100 %默认: 50 %占图片宽度的百分比，始终从左侧算起。
距顶部: 滑块，0 到 100 %默认: 50 %占图片高度的百分比。

手机上的位置

距左侧: 滑块，0 到 100 %默认: 50 %占图片宽度的百分比，始终从左侧算起。
距顶部: 滑块，0 到 100 %默认: 50 %占图片高度的百分比。

这里有内容与编辑器中看到的不一致？告诉我们，我们会修正指南。