Option设计器使用指南 – SHOPLINE 常见问题

如果您希望使用不同类型的选项设计商品的定制方案，并且不需要在商品页面渲染定制效果，您可以使用 Option 设计器。例如您售卖美瞳，眼镜这类产品，需要消费者选择双眼的度数，镜片镜架类型等。

温馨提醒：Option 设计器中目前提供的图片/文本的预览相关功能后续将不再进行升级，如果您的商品需要进行预览效果渲染，请使用【Preview 设计器】。使用教程请查看【Preview 设计器使用指南】。

设计页面概览

选项列表：这里是展示您添加的选项的列表，您可以在这里管理已经添加的各类选项，例如选中选项进行编辑、调整选项的顺序、复制、删除等操作
添加选项：这里展示 Option 设计器支持的选项，您可以点击【选项组】右侧的【添加】按钮进行添加
编辑选项：这里是填写选项具体信息的地方，您可以通过在选项列表选中选项，在这个位置填写具体的选项信息
查看选项效果：您可以在右侧查看选项的效果

定制组

【定制组】一个组合的概念，用于将同一块定制内容的选项放在一个组内便于查看和管理，定制组的概念等同于 option set /option group。您可以针对某个定制组自由的添加任意定制选项。

Group 3558220.png

绝大多数情况下商品拥有一个定制组即可，当您的产品需要多张预览画布时，您可以根据画布的数量区分出多个定制组，因为一个定制组可以设定一张画布（画布即预览效果的背景图）。您最多可以添加多达 30个定制组。

您可以为定制组内的各类定制选项设定展示条件，控制选项的显示或隐藏，点击【设置展示条件】进行设置
您可以为选项的效果预览设置背景图，点击【背景图设置】

备注：请注意，Option 设计器即将下线预览功能，【背景图设置】功能将同步下线。
若您的定制组是草稿类型，您可以点击【隐藏此组】，这样您的客户就不会看到这个组的定制内容，并且不影响其他定制组的正常展示

Group 3558225 (1).png

图片选项

【Option 设计器】在【图片选项】中集成了众多功能供您使用，分为两部分：基础选项信息+高级预览效果

在【基础选项信息】模块

您可以针对这个选项填写需要的【标题】，【备注】，【选项值】（您将使用图片作为选项值，并且可以赋予文案描述，以及设置额外定制费用）。您可以选择从您的设备中一次性上传多张图片供消费者选择，【商品定制】将为您自动创建多个选项值，并且将图片的文件名作为文案，因此您可以提前命名图片也可以后续修改文案。
您可以将这个【图片选项】设置为必须定制，只需打开【定制项必填】开关即可。开启后客户若不选择定制这项内容，那么将无法提交订单。
若您的产品同时支持消费者上传自己的照片用于定制，那么您可以勾选【买家上传图片】并设置这项服务特殊的费用，您的客户即可在店铺上传照片。
另外，您可以根据喜好选择这个选项在店铺的展示样式，【平铺展示】或【下拉展示】。
您可以设定消费者选择的数量限制。勾选【允许买家选择多个选项】> 【填写数量范围】。

在【高级预览效果】模块中

备注：请注意，Option 设计器即将下线预览功能，【高级预览效果】功能将同步下线。

如果您希望向客户实时展示定制的渲染效果，那么您可以勾选【选项图片展示在背景图】，【商品定制】将提供一个用于渲染效果的画布，您可以在设置画布的背景图片，并且调整图片在背景图上的展示位置，当客户选择某张图片后，我们将即时向您的客户展示定制效果。
为了便于您的操作，系统会默认同一个【图片选项】内全部的图片展示的位置都相同，因此您只需调整一次即可，若您的不同图片需要展示在不同的位置，您可以勾选【选项图片展示在不同位置】然后依次调整每张图展示的位置。并且，您可以选择是否允许您的客户在画布上自由移动图片的位置。
为了您的定制效果更加真实，特别是您需要圈定画布上的某一块区域用于展示效果时，【商品定制】支持您设置展示的区域以及形状，您可以打开【图片展示区调整】，并且选择适合您的形状。
如果您的产品展示的区域形状是不规则的（例如椭圆），我们提供一个能够支持您设计任意形状效果的方案，您只需 2 个步骤即可实现：

1. 首先，准备一张您需要使用的背景图，按照您的诉求使用 Photoshop 将用于展示的不规则区域进行镂空，存为 PNG 格式的图片。然后将这张图设置为选项组的背景。
2. 将画布设置为【在画布下层】即可。

完成设置后，您可以在编辑器的预览区域任意选择一张图片查看效果，也可以保存定制后前往店铺查看。

文字

【商品定制】在【文字】中集成了众多功能供您使用，分为两部分：基础的文字填写+高级的文字效果设计

在基础的【文字填写】模块中

您可以填写【标题】，【备注】，【最多输入字符数】等
您可以打开【定制项必填】开关设置这个选项为必选
您可以设置这个定制服务的【附加价格】
您可以限制字符类型与格式的限制。

在高级的【文字效果设计】模块中

备注：请注意，Option 设计器即将下线预览功能，【文字预览效果】功能将同步下线

您可以选择在店铺中向客户实时展示定制的文字效果，开启【启用文字效果预览】即可
你可以设计文字的【颜色】，您可以设置多种颜色供您的客户选择，并且您可以选择允许客户自由选择颜色，前提是您需要确保您的工厂能够生产
您可以设计文字的【字体】并向客户提供多种选择，【商品定制】提供一系列流行的字体供您使用，并且您可以上传您需要的字体文件（TTF 格式）进行使用
您可以设计文字的【大小】，并且可以选择【支持用户调整字体大小】
您可以设计文字的艺术效果，【商品定制】提供多种艺术效果供您使用
您可以设计文字的弧度效果，并且可以允许客户自由移动文字在画布上的展示位置

文件上传

当您需要消费者提供用于定制产品的文件时，例如图片，PDF 文件等，您可以使用【文件上传】

您可以填入【标题】，【备注】，【预览显示样式】，以及这项定制服务需要的【附加价格】
您可以打开【定制项必填】开关设置这个选项为必选
您可以设置允许客户最多上传多少个文件，PRO套餐客户可设置一次性最多上传 60 个文件

下拉选项

当您用文案的形式向客户提供多种选择时，您可以使用【下拉选项】

您可以填入这个选项的【标题】，您给客户的【备注】，您提供的【选项值】，以及这项定制服务需要的【附加价格】
您可以打开【定制项必填】开关设置这个选项为必选
您可以复制，删除选项值，或将其设置为【默认选中】，也可以设定选项的展示样式
如果对于您的商品而言，某个选项值代表了另外一个 SKU（例如某个定制项目是一个配件，这个配件本身也是一个 SKU ），您可以将选项值与这个 SKU 进行关联，这个选项值是否可选将取决于关联的 SKU 的库存水平，消费者选择这个选项值下单后，关联 SKU 会同样扣减数量。鼠标移动到选项值处 > 点击【绑定商品】> 【选择 SKU 】确认即可