1、點擊店鋪-無線建站中心-裝修-自定義內容拼圖版塊，鼠標左鍵點擊該版塊不放，拖動到合適位置，然後在右上角點擊-設置自定義圖片。
2、妳會看到裏面有很多正方形的表格，壹個表格的像素是80px*80px；寬度有8個表格，所以手機端的寬度是640px；高度自己設定，壹定要80px的倍數（方便後期設計好的模板裁切）。不如我寬度是640px，高度要8000px（100*80）；然後打開PS，新建圖層640px*8000px；如圖：
PS:由於阿裏手機端裝修，尺寸都是80px的倍數，所以在設計的時候，最好量好尺寸，再進行設計，免得到時候設計好了，發現尺寸不對，妳上傳的時候拼接也是不完整的，這就尷尬了。
3、考慮到尺寸問題，我利用320px像素進行8000px像素的分割，然後我根據分割的線條進行設計。計算公式：8000除以320=25，然後利用PS進行設置，如圖：
這樣分割線就出來了，然後進行模板的設計。具體設計效果看您自己本人的美工技術了。
設計好的模板如圖：
4、由於產品我們都要添加不同的鏈接，所以只能把產品圖片分開切割，在原來的切割基礎上，垂直中間切割即可。點擊切片工具-鼠標右鍵-劃分切片-垂直2，如圖：
要記住，圖層的寬度是640px；高度是320px；中間切割就是把寬度平均分開了，得到的兩個產品圖層就是320px和320px的兩個正方形。
5、把設計好的模板全部切割完之後，開始進行手機店鋪的裝修；進行我上面的步驟1。
6、在手機端拉好尺寸，尺寸必須和裁切的尺寸相同，如果偏大偏小，顯示的效果就會變樣了。如圖：
上傳圖片好之後，點擊右上角-使用原圖即可。如圖
然後對應的圖片插入對應的手機端鏈接（必須是手機端相關鏈接，電腦端無效）。告訴大家如何獲取手機端鏈接吧：
獲取手機端相關鏈接如下：
首頁：首頁：/winport/dgfyyinsa.html
註意：直接把後面的賬號ID：dgfyyinsa替換成妳自己的就可以了。
產品分類：
例如我的壹個分類是：通用杯按件出售
電腦端鏈接：/page/offerlist_94460306.htm?spm=a2615.2177701.0.0.49d62630DJLUbg
手機鏈接：/page/offerlist.html?spm=a262gh.9831636.0.0&catId=94460306&catPid=&isUserDefined=true&title=通用杯按件出售&memberId=dgfyyinsa
註意：把電腦端的產品ID：94460306替換到手機端的ID；然後在title=該分類的名稱，把最後的賬號ID改成妳自己的賬號ID，即可。如圖：
對應產品手機端鏈接：
電腦端的鏈接：/offer/486994556.html?spm=a2615.7691456.0.0.2e946c5fqEMQes
手機端的鏈接：/offer/486994556.html
註意：把電腦端的ID：486994556替換到手機端的ID:486994556即可。
7、用同樣的方法，在手機端添加產品，如圖：
記住，我們前面切割的產品尺寸是320px的正方形的。如果不明白，看步驟4，即可。產品鏈接對應相關的手機端產品鏈接即可。剛剛上面已經教了如何獲取手機端的相關鏈接了。這裏就不重復了哦。
8、用相同的方法，添加完所有的圖片和鏈接，最後保存即可完成。其實也不復雜，只要把握好尺寸就可以了。