当前位置 鱼摆摆网 > 教程 >

淘宝图片轮播代码教程:轮播安装和轮播图片修改、链接地址添加

  公众号:鱼摆摆网   作者:admin   2012-07-03 00:01

本淘宝图片轮播代码教程主要讲述如何在淘宝店铺里安装图片轮播代码,以及安装后,编辑和修改替换轮播中的图片和宝贝链接地址。若教程有看不明白的地方,请与鱼摆摆联系。

说明:如果是标准版以上店铺,淘宝图片轮播可以直接在后台添加轮播模块,如果是扶持版旺铺(即店铺信誉小于1钻的新手免费店铺),只能通过使用代码来实现。

我们这里以上下效果的轮播代码为例来讲解。

(一)模板的使用

(1)轮播代码下载地址是:/uploadfile/201208/14/1149522033.rar

(2)轮播代码编辑说明:

图片轮播建议在2-5个图片轮播,鱼摆摆为方便大家修改使用,提供了2、3、4、5四种轮播代码模板(轮播尺寸大小为750x400),750为宽度,400为高度。如果尺寸不合适,建议直接将模板代码里面的750、400数字修改成你自己的尺寸即可。

如果你的轮播在5个以上,请看轮播代码的详细说明:http://www.yubaibai.com.cn/html/wangpucuxiao/wangpucuxiao_2623.html

 (二)模板的安装、轮播图片替换、宝贝商品链接地址的添加

扶持版店铺左右侧只能添加一个自定义模块,因此轮播代码建议你安装在自定义模块的最上面或者最下面。

为保证模板安装不会出现误操作,建议先备份好你店铺已经添加好的代码,然后清空里面代码。待图片轮播编辑好后,再添加在原来的代码的头部或者底部。

下面假设你店铺右侧没有添加右侧自定义模块为列,开始讲解如何安装图片轮播代码。

(1)登录淘宝,进入店铺装修后台,在右侧最小面,单击“添加模块”

(2)然后在打开窗口的自定义内容区右侧单击“添加”

(3)添加完成后,鼠标移动到自定义内容区上面,然后单击“编辑”

(4)自定义内容区打开后,默认是视图模式,需要单击如下图所标的“代码模式”切换按钮,待该位置的工具图标按钮变为灰色,“代码模式”切换按钮四周有小框时,黏贴你选择的轮播代码(代码见本文顶部第一步,自行下载)

 

 

(5)黏贴代码,然后再次点击“代码模式”切换按钮,回到视图编辑模式,然后单击对应的图片,在打开的窗口单击编辑,即可完成图片轮播图片的替换和宝贝商品链接的添加工作。

 

提示:链接网址即你的淘宝宝贝商品页的地址,你打开你的宝贝商品,在浏览器的顶部地址栏里显示的就是链接网址。

(6)在此,图片轮播代码就安装完毕,并修改好了。你单击保存,再单击预览,即可看到图片轮播效果了。

(三)图片轮播代码与其他模板的一起融和。

淘宝扶持版功能有限,右侧只能加一个自定义模块,我们不能只放图片轮播代码。当你修改编辑好图片轮播代码后,建议打开自定义内容区,然后单击“代码模式”切换按钮,将里面的代码剪贴,然后保存到电脑里。然后清空里面所有的代码,再去安装、编辑淘宝右侧促销模板、淘宝右侧店铺公告模板、图片展示等模板。等这些模板安装编辑好后,将你备份的图片轮播代码添加到这些模板的顶部或者底部,即完成了淘宝店铺右侧的装修了。

(四)鱼摆摆提示

建议将本教程挨个文字看两遍,然后尝试自己安装编辑。不要怕弄坏模板(淘宝店铺是弄不坏的,添加不好。大不了删除了该自定义模块,重新再来)。鱼摆摆水平有限,如果你还是看不懂本教程,或者添加过程有疑问,欢迎向鱼摆摆沟通,大家一起交流,完善本教程。鱼摆摆的QQ439749107

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yubaibai360@qq.com 举报,一经查实,本站将立刻删除。

相关文章

  • 全部评论(0
说点什么吧