如何使用关联选项实现多种效果

在实际的店铺经营定制商品中，您一定会碰到这类场景，展示给客户填写的是某个选项，但是用于渲染效果的需要用另外的选项完成。例如：

下图中，客户点击的是展示文案的图片，渲染效果是用另一张图，

客户选择人物肤色时，选择的时纯色的图片，用于渲染的是另一张颜色一致的人物模型图

下图中，客户点击的是下拉选项，在产品上出现了对应文案的渲染效果

那么以上效果如何实现呢？您可以通过商品定制插件Preview设计器提供的【关联选项】功能实现

关联选项的使用

从上述的示例中可以看出，当您提供给客户进行点击的元素与用于渲染效果的元素不相同时，那么就可以使用关联选项功能，这个功能的核心逻辑是：当选项A关联选项B时，若选中A的第N个选项值，那么将自动选中B的第N个选项值，选项值被选中后即可实现效果，丰富选项展示能力。

常见步骤如下：

1. 您需要先创建一个用于客户选择的选项A，由于这个选项不用于渲染效果，将其移出画布区域
2. 再创建一个用于效果渲染选项B，并将B勾选为在页面上隐藏
3. 保证A与B中的选项值的顺序是对应无误的，将A关联B。

一个选项可以关联多个其他的选项，因此当您需要通过一个选项触发多个选项实现多个效果时，关联多个其他选项即可。例如 人物的皮肤模型是分成了头部，身体，手臂等不同的部分组成的，那么每个部位都用一个选项承载，用肤色进行关联即可。

如何联系我们

SHOPLINE 拥有专业的本地支持团队，为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求SHOPLINE的帮助。
*如有 SHOPLINE 功能使用感受或需求建议，快点击【功能反馈】告诉我们吧！