设为首页 收藏本站
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

[其他] 【关注店铺】京东期待已久关注店铺代码及关注链接

59 47806
代码如下:代码中23423需要自己修改,改成自己店铺id!文字可以自定义,也可以自己换成图片!

  1. <div class="j-module s_attention" module-function="follow" module-param="{type:'shopId',id:'23423',node:'.item'}" style="cursor: pointer;">
  2.         <span class="item">关注我</span>
  3. </div>
复制代码

saleAttent——关注方法API一、方法简介及使用说明
  • 简介:在活动装修平台和店铺装修平台中,都会用到关注活动、关注店铺、关注商品及关注品牌的功能,为此统一封装了这个公共方法;
  • 使用说明:参照下方的方法示例,在html结构中加上合适的结构即可;
二、使用限制
  • 限制平台:活动装修PC版、店铺装修PC版
三、接口、接口人、接口文档等
  • 关注活动、店铺、商品接口://follow-soa.jd.com/rpc/
  • 关注品牌接口://follow-soa.jd.com/rest/
  • 接口人:
  • 接口文档://cf.jd.com/pages/viewpage.action?pageId=54169396
四、方法实现
  • 此方法封装了目前京东在用的4种关注类型(关注活动、店铺、商品、品牌),根据不同参数区分;
  • 此方法封装了3种展示效果:1、所有关注状态;2、关注和取消关注;3、默默关注,
  • 第一种“所有关注状态”,有关注成功、已经关注、关注失败等等所有状态效果;
  • 第二种“关注和取消关注”会获取用户关注初始化状态,如果用户已经关注,则会给节点增加一个样式“current”,方便用户开发显示效果,并且文案也会替换为“已经关注”;
  • 第三种“默默关注”,不会有任何效果,相当于隐藏了第一种的所有提示弹出框;
  • 示例效果://sale.jd.com/act/qiUJPNHTvfb.html
五、参数说明
  • attentType : ‘activity’, //关注的ID类型:activity(活动)、vender(店铺)、product(商品)、brand(品牌)
  • activityType : 1, //当关注的ID类型是活动时,必须传此值;0采销,1店铺活动,活动关注参数srcType
  • node : ‘.e-attention’, //关注点击元素
  • dataId : ‘data-id’,//(节点伪属性,将活动ID保存在此)
  • dataState : ‘data-state’, //临时状态data-state :0未关注;1关注成功;2已经关注;3关注数量达到上限;4关注失败
  • dataType : ‘data-type’,//获取点击元素上的功能类型 0:所有状态+弹出层;1:关注和取消关注+修改按钮文案+关注成功弹出层;2:默默关注
  • current : ‘current’, //已经关注样式名,初始化关注状态时,如果已经关注过的,则默认加上此样式
三、方法使用示例1、关注活动
  • 1)所有关注状态(常用)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'activity',activityType:0}"> <a href="javascript:;" class="e-attention" data-id="375518" data-state="0" data-type="0" >关注活动dataType0</a></div>
    复制代码

  • 2)关注和取消关注(常用)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'activity',activityType:0}"> <a href="javascript:;" class="e-attention" data-id="347583" data-state="0" data-type="1" >关注活动dataType1</a></div>
    复制代码

  • 3)默默关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'activity',activityType:0}"> <a href="javascript:;" class="e-attention" data-id="361490" data-state="0" data-type="2" >关注活动dataType2</a> </div>
    复制代码

  • 4)调用多个关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'activity',activityType:0}"> <a href="javascript:;" class="e-attention" data-id="375518" data-state="0" data-type="0" >关注活动dataType0</a> <a href="javascript:;" class="e-attention" data-id="347583" data-state="0" data-type="1" >关注活动dataType1</a> <a href="javascript:;" class="e-attention" data-id="361490" data-state="0" data-type="2" >关注活动dataType2</a> </div>
    复制代码

2、关注店铺
  • 1)所有关注状态(常用)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'vender'}"> <a href="javascript:;" class="e-attention" data-id="15706" data-state="0" data-type="0">关注店铺dataType0</a></div>
    复制代码

  • 2)关注和取消关注(常用)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'vender'}"> <a href="javascript:;" class="e-attention" data-id="1000001952" data-state="0" data-type="1">关注店铺dataType1</a></div>
    复制代码

  • 3)默默关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'vender'> <a href="javascript:;" class="e-attention" data-id="1000003243" data-state="0" data-type="2">关注店铺dataType2</a></div>
    复制代码

  • 4)调用多个关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'vender'}"> <a href="javascript:;" class="e-attention" data-id="15706" data-state="0" data-type="0">关注店铺dataType0</a> <a href="javascript:;" class="e-attention" data-id="1000001952" data-state="0" data-type="1">关注店铺dataType1</a> <a href="javascript:;" class="e-attention" data-id="1000003243" data-state="0" data-type="2">关注店铺dataType2</a></div>
    复制代码

3、关注商品
  • 1)所有关注状态(常用)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'product'}"> <a href="javascript:;" class="e-attention" data-id="1178714" data-state="0" data-type="0">关注商品dataType0</a></div>
    复制代码

  • 2)关注和取消关注(常用)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'product'}"> <a href="javascript:;" class="e-attention" data-id="1627151532" data-state="0" data-type="1">关注商品dataType1</a></div>
    复制代码

  • 3)默默关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'product'> <a href="javascript:;" class="e-attention" data-id="1797751" data-state="0" data-type="2">关注商品dataType2</a> </div>
    复制代码

  • 4)调用多个关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'product'}"> <a href="javascript:;" class="e-attention" data-id="1178714" data-state="0" data-type="0">关注商品dataType0</a> <a href="javascript:;" class="e-attention" data-id="1627151532" data-state="0" data-type="1">关注商品dataType1</a> <a href="javascript:;" class="e-attention" data-id="1797751" data-state="0" data-type="2">关注商品dataType2</a> </div>
    复制代码

4、关注品牌(主品牌和子品牌)20160505 add
  • 1)所有关注状态(常用)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'brand'}"> <a href="javascript:;" class="e-attention" data-id="9452" data-state="0" data-type="0" >关注主品牌dataType0</a></div>
    复制代码

  • 2)关注和取消关注(限主品牌,因为批量查询用户关注子品牌状态接口缺失)
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'brand'}"> <a href="javascript:;" class="e-attention" data-id="78" data-state="0" data-type="1" >关注主品牌dataType1</a></div>
    复制代码

  • 3)默默关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'brand'> <a href="javascript:;" class="e-attention" data-id="65" data-state="0" data-type="2" >关注主品牌dataType2</a> </div>
    复制代码

  • 4)调用多个关注
    1. <div class="j-module" module-function="saleAttent" module-param="{attentType:'brand'}"> <a href="javascript:;" class="e-attention" data-id="9452" data-state="0" data-type="0" >关注主品牌dataType0</a> <a href="javascript:;" class="e-attention" data-id="78" data-state="0" data-type="1" >关注主品牌dataType1</a> <a href="javascript:;" class="e-attention" data-id="65" data-state="0" data-type="2" >关注主品牌dataType2</a> </div></div>
    复制代码






装修技术交流①群:326680981(即将满员)②群385402321 ③群170254880
回复

使用道具 举报

签到天数: 151 天

[LV.7]常住居民III

发表于 2015-4-17 13:57:49 | 显示全部楼层
回复 支持 1 反对 0

使用道具 举报

签到天数: 781 天

[LV.10]以坛为家III

发表于 2014-8-6 12:58:18 | 显示全部楼层
不会用……
回复

使用道具 举报

签到天数: 27 天

[LV.4]偶尔看看III

发表于 2014-8-11 21:42:43 | 显示全部楼层
不会使用...........
回复

使用道具 举报

签到天数: 1 天

[LV.1]初来乍到

发表于 2014-9-2 15:21:06 | 显示全部楼层
的顶顶顶顶顶的顶顶顶顶顶的的顶顶顶顶顶的顶顶顶顶顶的
回复 支持 反对

使用道具 举报

签到天数: 12 天

[LV.3]偶尔看看II

发表于 2014-9-4 13:45:07 | 显示全部楼层
不会用。。。。。。。。。。。。。。
回复

使用道具 举报

签到天数: 25 天

[LV.4]偶尔看看III

发表于 2014-9-13 18:51:43 | 显示全部楼层
多谢分享   多谢分享   多谢分享   多谢分享   

点评

怎么使用呢  发表于 2015-12-4 12:17
怎么使用啊  发表于 2015-3-13 16:28
回复 支持 反对

使用道具 举报

签到天数: 9 天

[LV.3]偶尔看看II

发表于 2014-9-29 16:54:02 | 显示全部楼层
可以详细点吗?
回复 支持 反对

使用道具 举报

签到天数: 5 天

[LV.2]偶尔看看I

发表于 2014-10-24 17:15:17 | 显示全部楼层
谢谢分享,楼主辛苦了
回复 支持 反对

使用道具 举报

签到天数: 6 天

[LV.2]偶尔看看I

发表于 2014-10-25 00:39:44 | 显示全部楼层
刚学会在DW里加热点做成最简单代码上传到京东店铺里,建缘提供了很多代码给大家,可是我还没学会怎么在这些代码里替换成自己的照片,请问有没有这方面的帖子?
回复 支持 反对

使用道具 举报

签到天数: 7 天

[LV.3]偶尔看看II

发表于 2014-11-11 14:38:38 | 显示全部楼层
如果是我做一张图片,怎么在图片加链接,是关注店铺?就像淘宝上收藏店铺的链接一样。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新活动

新品速递

  • 【店招】带轮播搜索的白色简洁店招代码分享
  • 锚点教程,实现页面内的跳转,淘宝天猫京东
  • 【10图】990十图遮罩开关灯表格布局京东特
  • 【轮播】京东海尔旗舰店创意轮播代码分享
  • 【1920轮播】全屏简洁全屏轮播代码分享

新人课堂

小黑屋|手机版|Archiver|
©2015  建缘设计. All rights reserved. ( 冀ICP备13015006号 )  Powered by Discuz X3.2  技术支持:建缘设计  
快速回复 返回顶部 返回列表