Product Customizer智能商品定制 | 多重条件判断逻辑的定制商品页如何搭建?

Product Customizer智能商品定制插件不仅能灵活配置各类定制选项，还能实现智能联动显示。当顾客选择特定选项时，系统会自动触发相关联的次级定制项。这种智能条件判断机制，让复杂的产品定制变得简单直观，既满足了商家对多样化定制场景的需求，也为顾客打造了流畅自然的个性化购物旅程，真正实现"因选择而不同"的智能定制体验。本文主要为您介绍搭建多重条件判断逻辑的定制项的操作步骤。

基础定制项配置步骤

登录您的 Shoplazza 管理后台，点击应用 > 搜索智能商品定制，进入插件为商品创建定制项。关于该插件的基础使用方法，您可以点击链接参考配置：Product Customizer智能商品定制｜使用手册教程。

多重条件判断逻辑定制项配置步骤

为商品配置多重条件判断逻辑，需要遵循三个关键点：

• 为商品做好整体展示思路规划。
• 在定制插件内容配置齐全的定制项。
• 按照预设思路，为这些定制项设置准确的展示逻辑规则。

演示商品配置条件判断的整体思路及效果示例

• 整体思路
  • 在定制项内可为商品选择颜色、尺码。（免费）
  • 此商品支持在同一件衣服内定制1组、2组、3组图片，选择定制图片数量后，会展示对应图片框，可选择预设好的图片素材，也可自行上传自定义素材）。（携带额外费用）
  • 可选择是否需要为对应图案添加个性化名称，如需要，则会展示对应文本框。（携带额外费用）
  • 可为此商品选择附加服务项目。（非必选 & 携带额外费用）
  • 可为此商品选择包装款式信息。（携带额外费用）
• 效果示例

具体操作步骤

1. 为实现点击不同定制个数后，商品展示主图可跳转至对应定制模版的效果，需要在商品管理中为该商品设置以定制图片个数维度的子款式。

2. 进入智能商品定制插件，为需配置的商品编辑添加各类定制选项，需要把所有展示的定制项设置齐全。

• 配置Color&Size:可选择用图片选项&按钮等组件来配置这类项目。
  • 效果展示

• 配置定制图片待选项&上传DIY素材框:可选择用图片选项&上传图片等组件来配置这类项目。
  • 设置3组图片选项命名为定制图组,内包含3张预设图片和1张自定义图片，确保3组内容一致。可根据实际情况决定是否为这三组定制选项设置附加费用和选项说明。

• • 设置3组图片上传选项命名为DIY素材上传，可根据实际情况决定是否为这3组定制选项设置附加费用和选项说明。

• 配置个性化名称选项 & 名称输入文本框：可选择用勾选项 & 文本输入等组件来配置这类项目。
  • 效果展示

• 配置其他服务选项 & 包装选择：可选择用勾选项组件来配置这类项目。
  • 效果展示

3. 设置好所有选项后，接下来进入最重要的部分：设定条件逻辑判断规则。点击展示条件设置按钮开始设定。

• 定制图片数量 & 自定义素材上传的逻辑配置：
  • 当选择定制图片数量中的One Photo，则展示第1组定制图。当选择第1组定制图中的DIY素材选项，则展示对应素材上传框1。
  • 当选择定制图片数量中的Two Photos，则展示第1组和第2组定制图。当选择第2组定制图中的DIY素材选项，则展示对应素材上传框2。
  • 当选择定制图片数量中的Three Photos，则展示第1组、第2组、第3组定制图。当选择第3组定制图中的DIY素材选项，则展示对应素材上传框3。

• 选择是否添加个性化名称 & 名称内容文本框配置逻辑：
  • 当选择需要为定制图片添加名称 & 定制图片个数等于One Photo时，则展示Name1文本框。
  • 当选择需要为定制图片添加名称 & 定制图片个数等于Two Photos时，则展示Name1、Name2文本框。
  • 当选择需要为定制图片添加名称 & 定制图片个数等于Three Photos时，则展示Name1、Name2、Name3文本框。
  • 此处设置的条件满足要求为：所有条件。
• 设置好以上条件后，点击保存按钮即可让这些条件判断逻辑规则应用于该商品。

4. 确认整体信息无误后，点击右上角保存按钮，才可以让各定制项在此商品中生效。

5. 点击进入在线商店 > 主题装修 > 编辑，将顶部页面切换器切换为商品详情装修页，在左侧商品详情板块中添加智能商品定制卡片，保存发布主题后即可在前端商品详情页中看到您刚才为商品配置的定制项效果。

通过以上方法，您可以为商品配置定制项并根据多重条件判断逻辑来展示具体选项。通过直观易用的定制系统，我们既满足了商家对多元定制场景的追求，又为顾客打造了个性化的购物过程，让“因选择而不同”的智能定制理念成为现实。