很多淘寶掌柜把其它熱賣寶貝的圖片鏈接添加到寶貝詳情頁(yè)里面做關(guān)聯(lián)銷售，顧客只要點(diǎn)擊添加了鏈接的寶貝圖片就可以跳轉(zhuǎn)到其它熱銷寶貝的詳情頁(yè)上，這個(gè)功能的實(shí)現(xiàn)，對(duì)很多新手還有點(diǎn)困難，網(wǎng)上也有很多收費(fèi)的教程，我們是剛起步的小賣家，資金往往很緊張，能省的就省點(diǎn)兒，下面結(jié)合我自己的實(shí)際操作，給大家分享一下，要實(shí)現(xiàn)的效果如下圖，當(dāng)點(diǎn)擊寶貝圖片就可跳轉(zhuǎn)到該寶貝的詳情頁(yè)：
具體操作：
1.首先在photoshop中把要在詳情頁(yè)展示的寶貝排版好:
2.根據(jù)需要在各圖片交界處拉出參考線,如圖所示:
3.選擇切片工具,在上面的屬性欄里點(diǎn)擊"基于參考線的切片",便生成名為1、2、3、4、5、6的6個(gè)切片:
4.選擇"文件--存儲(chǔ)為Web和設(shè)備所用格式"彈出"存儲(chǔ)為Web和設(shè)備所用格式"面板,點(diǎn)擊面板左上角的"存儲(chǔ)"按鈕"彈出"將優(yōu)化結(jié)果存儲(chǔ)為＂面板，選擇存儲(chǔ)位置為＂桌面＂,保存類型為＂HTML和圖像",切片后面選"所有切片",然后保存.
5.此時(shí)會(huì)看到桌面上有一個(gè)名為images的文件夾和一個(gè)html文件.把images文件夾里的圖片上傳到圖片空間.
6.選中html格式的文件,點(diǎn)擊鼠標(biāo)右鍵,選擇打開方式為Dreamweaver在Dreamweaver中打開,可以看到和在photoshop中一樣的6個(gè)切片,點(diǎn)擊第一個(gè)切片,在圖片空間中復(fù)制該圖片的鏈接,粘貼在屬性面板中的"源文件"后面的方框里.然后復(fù)制該寶貝的詳情頁(yè)地址,粘貼在"鏈接"后面的方框里,目標(biāo)選擇"-blank".按照此方法把其它5個(gè)切片的源文件和鏈接地址也做更改,然后選擇文件--保存.
7.鼠標(biāo)右鍵單擊桌面上的html文件,選擇打開方式為記事本,可以看到如圖所示的代碼,復(fù)制<table、、、、、></table>之間的內(nèi)容包括<table、、、、、></table>到粘貼板。
8.在寶貝詳情頁(yè)編輯頁(yè)面,點(diǎn)擊如圖所示位置,切換到代碼示圖,把剛才復(fù)制到粘貼板上的代碼粘貼在里面,點(diǎn)擊保存即可大功告成.
點(diǎn)擊看下實(shí)際效果，OK。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
