淘寶促銷(xiāo)節(jié)日一直賣(mài)家們夢(mèng)寐以求的日子，因?yàn)槊康焦?jié)日都會(huì)有一大波買(mǎi)家正在靠近。。。

而淘寶上萬(wàn)店鋪想要買(mǎi)家在節(jié)日里看到你店鋪并完成交易，卻是件極為不容易的事，需要考慮到很多的因素。比如燒錢(qián)做推廣引流，做好活動(dòng)頁(yè)面的店鋪裝修等等。今天這里我們先不講其他，就拿裝修來(lái)說(shuō)，賣(mài)家們也是絞盡腦汁的將店鋪活動(dòng)頁(yè)面裝修到極致，來(lái)做好活動(dòng)的提前預(yù)熱，從而在活動(dòng)當(dāng)天沖刺銷(xiāo)量頂峰。可能很多中小賣(mài)家都會(huì)看到一些大賣(mài)家活動(dòng)寶貝里面的有一個(gè)“神奇”的功能（加入購(gòu)物車(chē)），這個(gè)小小的功能卻給我們?cè)诨顒?dòng)當(dāng)天提供了很大的幫助。

那具體加入購(gòu)物車(chē)是如何添加進(jìn)活動(dòng)寶貝頁(yè)面的？

A. 圖片添加方法：

<a class="J_CartPluginTrigger" href="商品鏈接地址"><img src="圖片地址" border="0" alt=" 立即購(gòu)買(mǎi)"/></a>

B. 文字添加方法：

<a class="J_CartPluginTrigger" href="商品鏈接地址">加入購(gòu)物車(chē)</a>

1.通過(guò)下面的小圖標(biāo)為例講解一下怎么添加使用：

2.為了直觀一點(diǎn)，我就加了一個(gè)一格的整體效果展示。我們就是要為右下角的圖標(biāo)實(shí)現(xiàn)加入購(gòu)物車(chē)功能。

3.我們看下面的代碼展示。用到的軟件是DW(Adobe Dreamweaver)軟件，方便快捷。當(dāng)然也可以直接用記事本打開(kāi)修改，不過(guò)麻煩，如果模塊代碼長(zhǎng)，那是相當(dāng)?shù)某粤Α?/p>

所以這種模塊一般店鋪是實(shí)現(xiàn)不了。因?yàn)槎际且袑?zhuān)職美工或程序的大店鋪才會(huì)做這種模塊。

言規(guī)正傳，右邊只是選中加入購(gòu)物車(chē)圖標(biāo)。其它的操作都是在左邊代碼完成。

4.首先我們?yōu)閳D標(biāo)添加連接。也就是A標(biāo)簽：如下圖

5.然后再為A標(biāo)簽添加class="J_CartPluginTrigger" 標(biāo)簽，不要寫(xiě)錯(cuò)了哦。大小寫(xiě)一定要相同不能有錯(cuò)。

6.然后我們復(fù)制這個(gè)商品的連接地址，如下，我喜歡用右擊復(fù)制鏈接地址的辦法，然后粘貼替換 href="#"中的#號(hào)

7.如下圖所示，那么這時(shí)就可以復(fù)制整個(gè)模塊代碼到淘寶自定義里面發(fā)布觀看效果了。

最后再提醒，一定要在代碼下?lián)Q連接添加CLASS值及A標(biāo)簽，不然會(huì)無(wú)效。

8.復(fù)制代碼到淘寶后臺(tái)自定義，然后發(fā)布，點(diǎn)擊加入購(gòu)物車(chē)圖標(biāo)看到的效果如下：