淘宝现在又升级了,并且导致原有淘宝收藏店铺代码失效,并出现“会话过期,请刷新页面或重新登录”的错位提示。于是今日重新制作一个新版的淘宝收藏店铺教程,教你如何添加淘宝收藏本店图片,让你的买家直接点击这个图片就可以收藏你店铺了。
以下面这个收藏本店图片为列子,一步步教你如何安装添加淘宝收藏本店:

本点击收藏图片调用地址:http://2www.yubaibai.com.cn/201104/29/052122251.gif
提示:如果你是扶持版店铺,就不要看这个教程了,因为你的店铺不支持。只有标准版以上店铺才能使用这个功能。
第一步:前往http://daohang.yubaibai.com.cn在线生成你的淘宝收藏店铺的连接地址:


得到类似:http://favorite.taobao.com/popup/add_collection.htm?itemid=57988233&itemtype=0&ownerid=f718e99317b15f3d60e656eb31c80a42的收藏店铺连接地址。
第二步:将下列代码中的中文提示修改为你自己的参数:
<A class="tb-fav J_PopupTrigger collection xshop_sc J_TDialogTrigger J_TokenSign" href="你的淘宝收藏地址" data-closebtn="true" data-width="440" data-height="260"><img alt="" src="收藏本店图片地址" ></A>
演示:
(1)鱼摆摆的淘宝店铺的收藏店铺连接地址是http://favorite.taobao.com/popup/add_collection.htm?itemid=57988233&itemtype=0&ownerid=f718e99317b15f3d60e656eb31c80a42
(2)收藏本店图片地址是: http://2www.yubaibai.com.cn/201104/29/052122251.gif
(3)那么鱼摆摆官方淘宝店铺的收藏代码就是:
<A class="tb-fav J_PopupTrigger collection xshop_sc J_TDialogTrigger J_TokenSign" href="http://favorite.taobao.com/popup/add_collection.htm?itemid=57988233&itemtype=0&ownerid=f718e99317b15f3d60e656eb31c80a42" data-closebtn="true" data-width="440" data-height="260"><img alt="" src="http://2www.yubaibai.com.cn/201104/29/052122251.gif" ></A>
代码修改完成后,复制好你的收藏代码。
第三步:登录淘宝,进入“我是卖家”-“店铺装修”,添加一个左侧自定义模块
(1)登录淘宝,进入“我是卖家”,点击“店铺装修”

(2)在左侧底部,点击“在此处添加模块”

(3)添加“自定义内容区”


(4)鼠标移动到“自定义内容区”上门,单击“白色向上箭头”,将该模块移动到最顶部

第四步:进入左侧自定义模块编辑,切换到代码模式,黏贴代码:
(1)鼠标移动到自定义内容区上面,单击“编辑”

(2)单击右上角的“切换到代码模式”按钮

(3)黏贴代码

第五步:发布模板,进入你店铺首页即可查看效果了。

http://mofeiyu.taobao.com这个是鱼摆摆为编写教程而开的淘宝店铺,大家可以去看看我添加的
第六:高级功能(如果你想学习更多,看看下面的)
<A class="tb-fav J_PopupTrigger collection xshop_sc J_TDialogTrigger J_TokenSign" href="你的淘宝收藏地址" data-closebtn="true" data-width="440" data-height="260" ><img alt="" src="收藏本店图片地址" ></A>
代码中除了【href="你的淘宝收藏地址"】【src="收藏本店图片地址" 】可以自定义编辑外,[data-width="440" data-height="260" ]用于设置弹出的收藏本店对话框的宽度和高度。
最后,还要感谢zuiaishuma.taobao.com的淘宝掌柜对于新版淘宝收藏功能研究的帮助。

