最近有客户对于定制提出了新的要求，在上传照片的功能基础上，希望能实时看到照片上传之后运用在产品上的效果图，以下我们称为预览功能。
预览功能对比传统单纯上传图片的功能来说，肯定是更加直观，给客户的视觉冲击感受比较实在。试用了多款App，最初几个都不是满意，有些是加载速度比较慢，有些是外观不好看，有些是底层的实现原理不够理想。最终选出了各方面都比较符合需求的一款定制预览App - Product Personalizer。
Product Personalizer包含了传统的定制功能，比如上传图片，上传文字，条件逻辑，价格递增，色块显示等。今天我们重点介绍一下图片预览功能。
先看看实现效果是怎么样的，一如既往，打开Demo站，点击选择文件，上传完选定图片后，可以根据自己在后台设定的指定宽高区域选定，点击对勾确认过后，左边图片会实时能看到刚刚上传的那张图片在相怜中的显示效果。
这种实时预览很直观，具体卖家需要怎么做才能达到这种效果呢?
首先，App对于图片素材有特殊要求。需要上传一张展示上传图片部分为空的png格式图片做背景。
其次，需要选定图片裁剪区域大小，便于显示在框中。
其他具体选项可以查看App文档介绍，大部分使用起来都很简单。
用户上传结束以后，如果有买家下单，我们在订单详情中能看到两张图片，分别是原图，裁剪后的图片。
如果图片在订单中未展示，可能是以下两个原因，这也是诸多定制App遇到的两个通病，也是无法避免的问题。
1.购物后未定位到购物车页面。这里所说的购物车页面不包含Mini Cart / 弹出框 / 侧边框等。简单判断，需要重定向到/cart页面，购物车类型需要选择Page模式才可以。
2.定制功能与动态宽度结款按钮功能不兼容。即Buy With Paypal等Express Checkout功能。
一旦上述两处没有避开，很容易导致最终的功能不齐全，即图片你无法正常显示在订单页面。
最后，我们说说这款App的费用，区别于其他的App来说，这款App是根据每个月需要用到定制的数量来说的。49个产品以内是9.99, 99个产品以内是14.99，299个产品以为是19.99等，因此，大家可以根据自己需要定制的产品个数选择合适的套餐。
相关文章
