返回列表

作者:巨人电商

网店首页轮播图制作流程详解

POST TIME:2020-10-25

    网店推广的方法很多,但是有一个原则不能忘记,那就是做好细节。轮播图就是一个网店细节推广的体现。如何做好轮播图为网店增彩呢?网店网小编在此为你介绍下。    打算自己动手的淘友们,可以学习我们教大家的免费制作淘宝轮播图片,如何装修自己的网店是开网店遇到的第一个难题。淘宝的口号是“给每个人提供免费交易的平台”。费是免了,可是很多东西不花钱都达不到理想效果啊,比如装修,新手卖家不花钱去买模版是很难做出招人眼球的满意效果。买模版的几十块钱那也是钱啊,对新手卖家来说咱能节约一分是一分,能不花钱咱就尽量不花钱 。      相信很多新手卖家未必是电脑高手,代码之类的更是不知道是什么东东,自己写代码那就更不用谈了,看到别人店里动感的巨幅轮播图飞来飞去的眼巴巴看着好是羡慕啊 ,我就是这样芸芸众生之中的一个。前几天刚学了一招自己如何制作轮播图。大家可以先到我的店里观察一下页面效果,觉得可以请接着往下看,不用客气直接拿过去自己用了哈 。学了有用的东西就要拿出来供大家分享嘛。    废话不多说,进入主题:      1)复制以下代码到记事本中 

     

    2)代码解释:     a)这段代码中有width=750 PX 、height=400PX 这些字样,这些数值是控制轮播图大小规格的数据。    width = 750 px是表示图片为750像素的宽度;height=400PX 是表示图片为400像素高度。 淘—巧—网,淘宝开店必上网!     你可以改成你想要的宽度、高度。如果你想要做750px宽 x 300px高的图片轮播,你就把这一段代码里的400全部改成300。    我用的750X400的,下面的图片举例中我都是用这个数值哦。

     B)这一段代码是每张轮播图的图片地址和宝贝链接地址。复制这段代码粘贴一次就多一张轮播图。如果你想做5张的轮播效果那么你就复制这段代码再粘贴4次。记住是复制以后在原本的这段代码后面直接粘贴。不要粘贴错了位置哦。

 

    3)插入图片地址    代码中蓝色标记的地方是人家点你的图片然后跳转进去的宝贝页面地址,而紫色标记的地方是在轮播图中要显示图片的地址。     a)首先,把做好的图片先传到图片空间里去,图片尺寸要正确。这里建议用淘宝本身的图片空间。因为淘宝图片空间是本身的网站,点开链接的时候速度快,其它外来网站打开链接慢。     b)传好图片以后点这里复制这个图片的链接

 

 

    c)把上面复制到的图片链接粘贴在紫色标记的区域    d)进入淘宝后台,点击“出售中的宝贝”,看下面图,复制链接,然后粘贴在蓝色标记的区域。其实还有另外一个复制宝贝链接的方法就是进入店铺 à 点开需要链接的宝贝 -> 复制最顶上地址栏中的地址。但是这种方法很麻烦,因为每复制一个链接都要打开宝贝页面,很浪费时间。而从后台复制链接就不用点开页面了。

 

       4)现在正式开始进入装修程序编辑做轮播图######     a)进入店铺装修页面,然后把“自定义区”放置最顶。    b)点编辑进入

 

      c)点文本框顶上那一排按钮的最后一个,也就是“HTML源码”按钮,进入HTML源码编辑状态。    d)把记事本中做好的内容一字不落的粘贴到这里来,点保存,再点预览看一下效果。

 

 

      e)最后一步就是发布了:预览效果OK了后就点发布了哦,如果没有点发布任你费了多少心费了多少神你从淘宝店铺首页上都看不到你的劳动成果的哦 。     f)这就是成品效果,轮播图上可以看到数量显示。

 

     懂代码的朋友还可以在此基础上做些不同的轮播,今天我就举例讲这一种,还有下面列举的4种不同轮播效果代码,但由于每个贴子有字数限制发不上来,大家可以找我索取哈。一定会免费给大家。大家可以把代码复制到记事本里,改下尺寸、图片地址、宝贝链接地址,然后复制到淘宝自定义模块里就行了。    1.数字渐变轮播代码:    2.数字上下轮播代码:    3.图片横排轮播代码:    4. 竖排的轮播代码     推荐阅读:      网店推广方法效果如何测试      淘宝店铺免费推广你懂不