分享购物车、分享、喜欢、关注代码

浏览:1105  发布时间:2014.03.12

 

 
 

 1.当前页面加入购物车代码:



 
当前页面宝贝加入购物车代码:


 
<a href=/news/index/id/"宝贝地址"/index.html class="J_CartPluginTrigger um-cart um-ib" target="_blank">加入购物车</a><!--可以<img src=/news/index/id/"图片地址"/index.html />或背景来自定义按键 -->

需改宝贝地址

------------------------------------------------------------------------------------------------------------

2.分享本店代码

当前页面分享本店代码:'type':'shop'


<div class="sns-widget" data-sharebtn="{'type':'shop','key':'\店铺ID|shopID\','client_id':'68','pic':'','skinType':'3','comment':'这个店铺很赞哦,分享给大家!'}" style=background:url('skinType':'3'为自定义按键#,替换即可) no-repeat;cursor:pointer;"></div>


需改店铺ID(店铺ID获取在本教程最下方)


--------------------------------------------------------------------------------------------------------------------

3.当前页面分享宝贝代码:

分享宝贝代码:'type':'item'

<div class="sns-widget" data-sharebtn="{'type':'item','key':'\宝贝ID|itemID\','client_id':'68','pic':'','skinType':'3','comment':'淘宝上看到这个好东西,分享给大家!'}" style=background:url(#) no-repeat;cursor:pointer;"></div>
type分享类型item(宝贝)shop(店铺)
pic为分享配置的图片
comment分享配置的文字

需改宝贝ID(宝贝ID获取在本教程最下方)

代码中的图片为分享键,有更好的风格的可以自己自定义

--------------------------------------------------------------------------------------------------------------------------

4.喜欢键代码:

喜欢宝贝'type':2

<div class="sns-widget" data-like="{'skinType':1,'type':2,'key':'\宝贝ID|itemID\','text':'喜欢',client_id:68}"></div>

需改宝贝ID


喜欢店铺'type':4

<div class="sns-widget" data-like="{'skinType':1,'type':4,'key':'\店铺ID|shopID\','text':'喜欢',client_id:68}"></div>

type喜欢类型:2(分享宝贝)4(分享店铺)
text喜欢键文字

需改店铺ID

喜欢不能自定义样式,官方提供两款样式更改,更改只需要更改skinType:1 里的数字即可
1.橙色版 1
2.蓝色版 2




-----------------------------------------------------------------------------------------------------------------------------


5.一键关注店铺动态和评论组件

<div class="sns-widget" data-friendfollow="{'userId':\数字用户名ID|userID\,'custom':'type=41','skinType':'gray'}"></div>


需改userId  

加关注不能自定义样式,官方提供三款样式更改,更改只需要更改'skinType':'gray'里的gray即可
1.灰色键 gray
2.绿色1  green
3.绿色2  green2


--------------------------------------------------------------------------------------------------------


ID查看方法  

店铺ID(shopID):


用户ID(userID):

打开你店铺首页,查看源码,你可以看到


userID就是你的用户ID


宝贝ID(itemID)





替换斜线\内部分和斜线也必须删除

 

自定义按键部分不要忘记替换