手把手教扶植版旺铺小卖家如何免费使用轮播图片

时间:2010-12-08 23:42 来源:淘宝论坛 作者:fengjinglei404119 浏览: 1230

很久没有在经验居写帖子了,只是在社区潜水,学到了不少的经验,经验居是一个分享淘宝开店经验的好地方,今天就给大家介绍扶植版卖家怎样使用轮播图片来免费装修自己的店铺,使自己的店铺能更好的留住顾客!可能有些人还没有接触过代码,看起来会觉得枯燥无味,一头雾水,但做淘宝是需要耐心的,如果能把这篇贴看完,那我相信会有不小的收获哦!ps高手就不必看了!以下是三张轮播图片播放的代码:

<div class="slider-promo J_Slider tb -slide" style="WIDTH: apx; HEIGHT: bpx">
<ul style="HEIGHT: bpx">
<li><a href="1" target=_blank>

<img src="2" align=absMiddle></a>
<li><a href="3" target=_blank>

<img src="4" align=absMiddle></a>
<li><a href="5" target=_blank>

<img src="6" align=absMiddle></a></li></ul>
<ul>
<li>1
<li>2
<li>3</li></ul></div></font>

首先解释一下代码的重要的部分的意思吧!WIDTH(轮番图片的宽度);HEIGHT(轮番图片的高度);href(轮番图片的链接地址);SRC(轮番图片的图片地址)。为避免广告嫌疑,下面我就拿经验居首页的轮播图片的前三张为例(因为是三张图片的轮番播放),来介绍如何操作吧!看到上面的代码了吗?扶植版的小卖家具体的操作步骤:

第一步:

复制上面的代码到店铺的自定义区,点击编辑HTML源码,将上述代码粘贴到里面

第二步:

将代码里面的黄色的字母a,b图片大小替换为宽度a=270,高度b=390。代码中的宽度(WIDTH),高度(HEIGHT)与图片的大小必须一致哦!如何知道图片的大小呢?找到经验居首页的轮番图片,在图片上点击右键,然后点击“属性”,就会看到图片的大小维度:270*390 pixels。

第三步:

将代码中红色2,4,6替换为经验居首页的前三张图的宝贝图片地址。(3张图片的大小必须一样大哦!)如何知道图片的地址呢?找到经验居首页的轮番图片,在图片上点击右键,然后点击“属性”,就会看到图片的地址就是URL地址,具体看下图

按上述步骤依次将代码中红色2,4,6部分的图片地址分别替换为经验居首页三张图片的地址。

第四步:

将蓝色的1,3,5分别替换为经验居三张图片的链接地址。(与你第三步用的图片一一对应就可以了)那如何找到图片的链接地址呢?首先左键点击第一张经验居录播图片

在浏览器框中的链接即为图片的链接地址!

第五步:

到此为止,代码替换完成!代码编辑完成后点击保存!发布即可!

经过上面的步骤后,轮播图片就做好了!做自己店铺宝贝的轮播图片,只要按照上面的步骤替换成自己店铺的宝贝图片和链接地址就OK,举一反三就可以了。

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...