很多淘寶掌柜把其它熱賣寶貝的圖片鏈接添加到寶貝詳情頁里面做關聯銷售,顧客只要點擊添加了鏈接的寶貝圖片就可以跳轉到其它熱銷寶貝的詳情頁上,這個功能的實現,對很多新手還有點困難,網上也有很多收費的教程,我們是剛起步的小賣家,資金往往很緊張,能省的就省點兒,下面結合我自己的實際操作,給大家分享一下,要實現的效果如下圖,當點擊寶貝圖片就可跳轉到該寶貝的詳情頁:
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-27-1.jpg)
具體操作:
1.首先在photoshop中把要在詳情頁展示的寶貝排版好:
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-52-1.jpg)
2.根據需要在各圖片交界處拉出參考線,如圖所示:
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-36-1.jpg)
3.選擇切片工具,在上面的屬性欄里點擊"基于參考線的切片",便生成名為1、2、3、4、5、6的6個切片:
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-28-1.jpg)
4.選擇"文件--存儲為Web和設備所用格式"彈出"存儲為Web和設備所用格式"面板,點擊面板左上角的"存儲"按鈕"彈出"將優化結果存儲為"面板,選擇存儲位置為"桌面",保存類型為"HTML和圖像",切片后面選"所有切片",然后保存.
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-71-1.jpg)
5.此時會看到桌面上有一個名為images的文件夾和一個html文件.把images文件夾里的圖片上傳到圖片空間.
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-53-1.jpg)
6.選中html格式的文件,點擊鼠標右鍵,選擇打開方式為Dreamweaver在Dreamweaver中打開,可以看到和在photoshop中一樣的6個切片,點擊第一個切片,在圖片空間中復制該圖片的鏈接,粘貼在屬性面板中的"源文件"后面的方框里.然后復制該寶貝的詳情頁地址,粘貼在"鏈接"后面的方框里,目標選擇"-blank".按照此方法把其它5個切片的源文件和鏈接地址也做更改,然后選擇文件--保存.
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-95-1.jpg)
7.鼠標右鍵單擊桌面上的html文件,選擇打開方式為記事本,可以看到如圖所示的代碼,復制<table、、、、、></table>之間的內容包括<table、、、、、></table>到粘貼板。
![](http://img04.taobaocdn.com/imgextra/i4/12347032485584056/T208qXd0OXXXXXXXX_!!88772347-0-martrix_bbs.jpg)
8.在寶貝詳情頁編輯頁面,點擊如圖所示位置,切換到代碼示圖,把剛才復制到粘貼板上的代碼粘貼在里面,點擊保存即可大功告成.
![](http://m.gooddi.cn/file/upload/201410/17/09-58-42-44-1.jpg)
點擊看下實際效果,OK。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 如何在寶貝詳情頁里面添加其它寶貝的圖片鏈接