为店铺添加搭配购分区

搭配购（Shop the Look） 分区用于展示完整的穿搭或场景组合。商户可以在一张图片中设置多个热点区域，并绑定相应的产品，顾客点击后即可快速浏览并直接加购整套产品。该分区常用于 服饰、美妆、家居 等行业，帮助提升页面搭配感与整体客单价。

使用场景

• 服饰行业：展示完整穿搭，顾客可一键购齐上衣、裤子、鞋子和配饰。
• 美妆行业：呈现完整妆容组合，顾客可直接选择底妆、眼妆、唇妆产品。
• 家居行业：展示客厅、卧室、餐厅等场景，顾客可快速选购整套布置所需商品。

操作步骤

添加分区

1. 登录 Genstore 商户后台，点击左侧导航栏 在线商店 -> 主题。
2. 点击当前主题后的 设计 按钮，进入主题编辑器。
3. 在页面选择器中进入目标页面（如首页、专题页）。
4. 在左侧操作面板的 模板 部分，点击 添加分区。
5. 搜索或查找 Shop the Look（搭配购） 分区，确认添加。

配置分区

1. 在左侧 模板 区域点击选中 搭配购 分区，在右侧编辑面板中可配置分区的 标题、描述和样式。
2. 在 热点 配置项中，可进行以下设置：
   • 上传场景图片
     • 点击 PC 图片下的 选择图片 按钮，上传场景图片。
     • 设置图片比例和在页面中的位置（居左/居右）
   • 产品卡设置：调整场景图右侧产品卡的显示数量及轮播样式。
   • 关联热点产品：
     • 在 产品 区域点击 选择产品，将场景图与具体产品绑定。
     • 您可根据预览区域的显示效果，调整每个热点可设置水平/垂直位置。
     • 最多可以配置 5 件热点产品。
3. 配置完成后，点击页面右上角 保存。

店铺前台展示效果

当客户鼠标滑动至热点区域时，会弹出该产品的预览卡片，客户可直接加购，快速完成整套购买。

温馨提示

• 搭配购分区 最多支持 5 个产品，适合用于完整但不过载的组合展示。
• 建议热点位置与实际商品部位贴合，提升用户交互体验。
• 通过分区颜色与字体设置，可让展示更符合品牌调性。