方便下次访问,收藏分享到: 百度搜藏 新浪微博 QQ空间 更多

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

来源:鱼摆摆网店装修网-YuBaiBai.Com.Cn作者:川普咖啡时间:11-05-08 点击:

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

以下面这个收藏本店图片为列子,一步步教你如何安装添加淘宝收藏本店:

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

本点击收藏图片调用地址:http://2www.yubaibai.com.cn/201104/29/052122251.gif

提示:如果你是扶持版店铺,就不要看这个教程了,因为你的店铺不支持。只有标准版以上店铺才能使用这个功能。

第一步:前往http://daohang.yubaibai.com.cn在线生成你的淘宝收藏店铺的连接地址:

 淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

得到类似: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)登录淘宝,进入“我是卖家”,点击“店铺装修”

 淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

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

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

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

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

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

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

 

第四步:进入左侧自定义模块编辑,切换到代码模式,黏贴代码:

(1)鼠标移动到自定义内容区上面,单击“编辑”

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

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

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

(3)黏贴代码

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

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

淘宝收藏店铺教程(2011年5月新教程) 教你如何添加淘宝收藏本店图片

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的淘宝掌柜对于新版淘宝收藏功能研究的帮助。

最新评论共有 20 位网友发表了评论
发表评论
留言注意:留言不能超过250字,需审核才能显示 ,请自觉遵守互联网相关政策法规。请留下你的联系方式,方便联系
模板说明:本站免费模板大部分来自网络,利用业余时间收集、整理、制作、维护,部分模板难免有纰漏,欢迎大家及时告知,我们会尽快修复。本免费模板仅用于学习交流之用,不可用于商业用途。
用户名: 验证码: 验证码
查看所有评论