最近有客戶對于定制提出了新的要求，在上傳照片的功能基礎上，希望能實時看到照片上傳之后運用在產品上的效果圖，以下我們稱為預覽功能。

　　預覽功能對比傳統單純上傳圖片的功能來說，肯定是更加直觀，給客戶的視覺沖擊感受比較實在。試用了多款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等，因此，大家可以根據自己需要定制的產品個數選擇合適的套餐。