淘宝店铺装修
装修小技巧,怎么添加淘宝【加入购物车】
2024-05-19  浏览:1132

淘宝促销节日一直卖家们梦寐以求的日子,因为每到节日都会有一大波买家正在靠近。。。

而淘宝上万店铺想要买家在节日里看到你店铺并完成交易,却是件极为不容易的事,需要考虑到很多的因素。比如烧钱做推广引流,做好活动页面的店铺装修等等。今天这里我们先不讲其他,就拿装修来说,卖家们也是绞尽脑汁的将店铺活动页面装修到极致,来做好活动的提前预热,从而在活动当天冲刺销量顶峰。可能很多中小卖家都会看到一些大卖家活动宝贝里面的有一个“神奇”的功能(加入购物车),这个小小的功能却给我们在活动当天提供了很大的帮助。

那具体加入购物车是如何添加进活动宝贝页面的?

A. 图片添加方法:

<a class="J_CartPluginTrigger" href="商品链接地址"><img src="图片地址" border="0" alt=" 立即购买"/></a>

B. 文字添加方法:

<a class="J_CartPluginTrigger" href="商品链接地址">加入购物车</a>

1.通过下面的小图标为例讲解一下怎么添加使用:

装修小技巧,怎么添加淘宝【加入购物车】1

2.为了直观一点,我就加了一个一格的整体效果展示。我们就是要为右下角的图标实现加入购物车功能。

装修小技巧,怎么添加淘宝【加入购物车】 1

3.我们看下面的代码展示。用到的软件是DW(Adobe Dreamweaver)软件,方便快捷。当然也可以直接用记事本打开修改,不过麻烦,如果模块代码长,那是相当的吃力。

所以这种模块一般店铺是实现不了。因为都是要有专职美工或程序的大店铺才会做这种模块。

言规正传,右边只是选中加入购物车图标。其它的操作都是在左边代码完成。

装修小技巧,怎么添加淘宝【加入购物车】2.

4.首先我们为图标添加连接。也就是A标签:如下图

装修小技巧,怎么添加淘宝【加入购物车】3

5.然后再为A标签添加class="J_CartPluginTrigger" 标签,不要写错了哦。大小写一定要相同不能有错。

装修小技巧,怎么添加淘宝【加入购物车】4

6.然后我们复制这个商品的连接地址,如下,我喜欢用右击复制链接地址的办法,然后粘贴替换 href="#"中的#号

装修小技巧,怎么添加淘宝【加入购物车】5

7.如下图所示,那么这时就可以复制整个模块代码到淘宝自定义里面发布观看效果了。

最后再提醒,一定要在代码下换连接添加CLASS值及A标签,不然会无效。

装修小技巧,怎么添加淘宝【加入购物车】 6

8.复制代码到淘宝后台自定义,然后发布,点击加入购物车图标看到的效果如下:

装修小技巧,怎么添加淘宝【加入购物车】7

发表评论
0评