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

如果您的产品是印刷工艺，并且您希望在商品页面向消费者展示定制效果，您可以使用 Preview 设计器。

设计页面概览

选项列表：这里是展示您添加的选项的列表，您可以在这里管理已经添加的各类选项，例如选中选项以编辑这个选项在打印文件上的位置、调整选项的图层顺序、复制、删除等操作
添加选项：这里展示 Preview 设计器支持的选项，您可以点击某一个进行添加，并且您可以选择将选项添加到某个【分组】中，在选中分组时，点击选项进行添加即可。
编辑选项：这里是填写选项具体信息的地方，您可以通过在选项列表选中选项，在这个位置填写具体的选项信息
设计打印文件：您可以在这里设计打印文件，例如文件的尺寸，各种选项的位置，并且可以通过右下角的视图工具调整适合的显示比例，帮助您更方便的设计
设计预览效果：您可以点击【预览设置】来设计选项的预览效果，您可以自由调整任意选项的预览效果，基于您的设计，您的客户在定制产品时将看到这个效果

Preview 1.png

图片选项

当您需要使用图片作为选项时，您可以使用【图片选项】，【商品定制】允许您自由编辑图片选项的各项信息，包含标题、备注、要求必填等。

您可以选择从电脑上传图片，或从素材库中选择已经保存的素材。 1 个选项最多支持 100 张图片，您可以批量上传。

【商品定制】会自动使用图片的名称作为选项的文案，您可以修改，鼠标移动到文案处，点击编辑按钮修改
您可以拖动图片的顺序，鼠标移动到图片处，选中按钮进行上下拖动
您可以针对具体某张图片设置附加费用，点击【附加价格】按钮，填写即可。或者一键为该【图片选项】内所有选项设置附加价格，您可以在右侧编辑栏中点击【选项功能】下拉列表 > 点击【附加价格】> 填写并确认即可
如果对于您的商品而言，某个选项值代表了另外一个 SKU（例如某个定制项目是一个配件，这个配件本身也是一个 SKU ），您可以将选项值与这个 SKU 进行关联，这个选项值是否可选将取决于关联的 SKU 的库存水平，消费者选择这个选项值下单后，关联 SKU 会同样扣减数量。鼠标移动到图片处 > 点击【···】> 点击【绑定商品】> 【选择 SKU 】确认即可
如果您希望用颜色的形式展示这个选项，您可以为图片添加【色卡】，鼠标移动到图片处 > 点击【···】> 点击【色卡】> 选择颜色即可。或者为所有图片设置色卡，您可以在右侧编辑栏中点击【选项功能】> 点击【添加色卡】> 依次填写并确认即可
您可以复制、删除选项
您可以设置某个选项被默认选择，那么在店铺查看商品时，系统会自动选中这个选项，并展示对应的预览效果

如果您不想展示某个选项给消费者，但是打印文件或预览效果需要使用到这个选项，您可以勾选【隐藏选项】，那么这个选项将不会展示给客户，但是它可以被别的选项关联触发后显示在预览效果上与打印文件上

您可以选择关联其他选项，被关联的选项将会被当前选项的选择触发相同顺序的选项值，例如，您允许客户选择人物的皮肤颜色，不同肤色拥有不同的人物模型图片（这个模型可能是裸体的，不适合直接展示给客户看），您可以创建一个让用户选择颜色卡片的选项，再创建一个用于效果渲染的人物选项，将两者关联。用户选择肤色后，将会触发对应的另一个选项的人物模型的选中，从而实现正确的肤色效果渲染。请确保不同选项的颜色顺序是一致的。

【关联选项】、【隐藏选项】、【默认选中】这些功能可以组合使用，来创造更好的商品效果。

文字

当您的产品允许消费者输入文字信息进行定制时，您可以使用【文字】，【商品定制】允许您自由编辑文字的各项信息，

您可以设定这个文本的标题、备注、是否要求必填、文本框的提示语等
您可以为消费者预设文本内容，这个文本会渲染效果
您可以设定文本的长度限制
您可以设置附加的费用
您可以通过设置字号范围、字体、颜色、对齐方式等内容来调整文字的打印效果。您可以选择【商品定制】提供的多种艺术字体，也可以上传 TTF 格式的字体文件

弯曲文字

当您的商品可以设计弯曲的文字效果时，您可以使用【弯曲文字】，【弯曲文字】的基础功能与【文字】一致，并额外提供了弯曲的文本效果

每一个弯曲的文本选项都拥有一个圆形，文字内容附着于圆弧之上，您可以通过调整这个圆形的水平直径，垂直直径来调整圆弧的弯曲效果，
您可以拖动圆弧上角度按钮，用于调整文本在圆弧上的显示范围
您可以选择文本的方向，向内凹进或者向外突出

文件上传

如果您的产品允许客户上传自己的照片进行定制，您可以使用【文件上传】

您可以为这个选项设定标题、备注、是否要求必填、附加价格等信息
支持上传图片类型的文件（ PNG、JPG 等），并且会展示图片效果

下拉选项

【商品定制】提供下拉类型的选项供您使用，您可以为这个选项设定标题，备注，是否要求必填，附加费用，默认选中等信息。

您可以将选项值与 SKU 相关联，使用方法与上述【图片选项】一致
您可以选择隐藏选项，使用方法与上述【图片选项】一致
您可以选择关联其他选项，使用方法与上述【图片选项】一致

复选框

【商品定制】提供 CheckBox 选项供您使用，您可以为这个选项设定标题、备注、是否要求必填、附加费用、默认选中等信息。

分组

【分组】可以理解为一批选项的集合，由于其在设置打印文件时有特殊作用，我们又称其为“ layout ”。例如您的产品允许用户选择定制 1 - 10 只宠物狗，那么每一个数字都可以设置为一个单独的分组， 1 只宠物狗是一个单独的分组， 10 只宠物狗是另一个单独的分组。建议可以首先创建 10 只宠物狗为第一个组，后续直接复制删减调整以配置其他组，操作更高效。

分组可以和选项平级，也可以在选项的上一级，包含多个选项。
您可以通过点击分组按钮进行添加【分组】
您可以选择复制或删除分组，鼠标移动到分组右侧 > 点击【···】> 点击【复制】或【删除】。复制分组时会将分组下的所有选项全部复制，删除分组时也会将分组下的所有选项全部删除

设计打印文件

您可以在打印文件模块精细地设计文件的尺寸、各个选项在文件上的印刷效果。

您可以点击【打印文件尺寸】修改文件的宽与高，单位可选择 MM、INCH、PX 三种，并且可以设置 PPI 参数。需要注意的是，宽高请勿超过 16000 PX * 16000 PX
您可以调整选项在打印文件上的效果，包括位置、大小、形状、旋转角度等。包含【图片选项】、【文字】、【弯曲文字】、【文件上传】四种选项
1. 每一个选项在打印文件上都有一个蓝色的矩形框，矩形框的位置代表了选项内容的印刷位置
2. 您可以点击某个选项的矩形框或者在左侧选项列表中进行选中，进行选项位置的调整。您可以选中矩形框进行拖动，点击矩形框的四个角进行等比例缩放，点击矩形框的某个边进行拉长或缩短，点击旋转按钮进行旋转
3. 您可以点击【分组】进行批量选中这个分组下的所有选项，所有选项的最外围会出现一个大的矩形框，可点击这个矩形框进行批量的移动，缩放，旋转等
如果您不希望某个选项出现在打印文件上，那么只需将这个选项的矩形框移动到打印文件区域之外的灰色区域即可
您可以使用右下角的【视图按钮】或者鼠标滚轮进行缩放视角，来帮助您更好的设计
您可以在打印图内查看选项值的实际效果
1. 选中图片选项的某张图，即可在打印图内展示，如过这个图片选项引用了素材，那么切换不同的 option 值即可查看素材内不同照片的效果
2. 您可以在【文字】中输入预设文字，那么打印文件中即可展示文字效果
打印文件内，各个选项的图层顺序与左侧选项列表中的选项上下顺序保持一致。鼠标点击想要调整的选项，上下拖动选项来调整图层顺序