免费装修自己的店铺 手把手教扶植版旺铺小卖家如何免费使用轮播图片

发布时间:2014/10/18 23:18:26

 “普通店铺”结构很固定,只能做一小点装饰,功能性不强。而“旺铺”自由度非常大,功能也很强,关键就看你自己的创意和技术了。一般大家装修,一是自己会做平面设计,会编网页程序的,自己来设计,或者为了让店铺更专业漂亮,请专业人员来设计.很久没有在经验居写帖子了,只是在社区潜水,学到了不少的经验,经验居是一个分享淘宝开店经验的好地方,今天就给大家介绍扶植版卖家怎样使用轮播图片来免费装修自己的店铺,使自己的店铺能更好的留住顾客!可能有些人还没有接触过代码,看起来会觉得枯燥无味,一头雾水,但做淘宝是需要耐心的,如果能把这篇贴看完,那我相信会有不小的收获哦!ps高手就不必看了!以下是三张轮播图片播放的代码:

<div class="slider-promo J_Slider tb -slide" style-mip="WIDTH: apx; HEIGHT: bpx">
<ul style-mip="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,举一反三就可以了。

 

上一篇:高手就不要看了哦,怎么在左边加入漂亮的计数器 网店装修之添加免费计数器

下一篇:现在才弄明白这个功能叫做图片轮播 淘宝店铺如何添加图片轮播模块

推荐货源
微商厂家直供货源
推荐资讯
最新资讯
分类栏目
新手开店 开店经验 淘宝推广
进货技巧 淘宝故事 网店装修
图片处理 网购技巧 行业新闻
创业项目 淘宝考试 品牌排行
微信开店 品牌百科 微商货源