如何在淘寶商品中給同一張圖片新增不同的連結??

相信很多新開淘寶店的同學,都看到過別人的商品詳情頁中有不同的連結,就是同一張圖片裡幾個商品分別有不同的連結。如果你很羨慕,而又找不到方法的話,那麼不妨看看這篇分享。如果你已經是個中高手了,請繞行。

如何在淘寶商品中給同一張圖片新增不同的連結?

工具/原料

電腦,淘寶店鋪

Adobe Dreamweaver 軟體

方法/步驟

首先把你想要新增不同連結的圖片上傳到淘寶的圖片空間中。這個想必你已經會了吧,畢竟你淘寶店鋪已經開通成功,你最先學會的就是商品的上下架,以及上傳圖片。如果你說你不會,那我真的也沒有辦法。

如何在淘寶商品中給同一張圖片新增不同的連結?

然後你在淘寶的圖片空間中找到你剛剛上傳的那張圖片,在點選預覽,在左上角的地方有個複製程式碼,把程式碼複製下來。

如何在淘寶商品中給同一張圖片新增不同的連結?

這時我們需要用到一個軟體就是Adobe Dreamweaver,哪個版本都行,最好版本不要太低,這個軟體和photoshop,都是開店必備的軟體,所以即便你以前沒有聽說過沒用過,也裝一個吧,以備不時之需。

如何在淘寶商品中給同一張圖片新增不同的連結?

下面開啟Adobe Dreamweaver軟體,會彈出一個頁面,我們選擇新建HTML,別問我為什麼,因為小編也不知道好麼。。。(小編也是新手啊,新新新手。)

如何在淘寶商品中給同一張圖片新增不同的連結?

然後我們切換到程式碼模式,把這裡面自帶的所有程式碼都刪除掉,把你剛剛複製的程式碼貼上到這裡面,然後再切換到設計模式,這時我們就看到圖片了。

如何在淘寶商品中給同一張圖片新增不同的連結?

如何在淘寶商品中給同一張圖片新增不同的連結?

在圖片上單擊一下,然後下邊就會出現屬性欄,這時我們選擇矩形熱點工具,然後在你想要新增連結的地方畫一個矩形。然後在下方的連結地址中,新增你想要連結到的地址,(不能是淘寶外部連結。)Map值隨便更改一下,如果是同一張圖片不同新增不同的連結Map值不要相同。之後再切換到程式碼模式,把程式碼全部完整複製下來,到商品編輯詳情頁的頁面使用程式碼模式,把程式碼複製進去,提交。就大功告成了,測試一下是不是好用。

如何在淘寶商品中給同一張圖片新增不同的連結?

如何在淘寶商品中給同一張圖片新增不同的連結?

注意事項

同一張圖片不同連結的Map值不能相同

相關問題答案