【婉萱】模板 多色图轮播模块教程
更新日期:2014/11/28 16:33:11    浏览次数:3926

 大家好,今天我们来讲解下“多色图轮播模块”。这个模块我们设计的用途是为了大家展示 一款衣服的不同颜色或者不同角度的展示。因此,如果亲添加了多张宝贝图后,图片是可以轮播切换的。效果会十分好。


如何快速装修该模块


首先,不想做图的卖家,模块只需要“选择宝贝”就可以完成装修了。其他内容可以不进行设置的。如下图所示:




这里需要注意的是,只能选一个宝贝哦~,每个模块都会提示选择几个宝贝


 

如何修改标签文字和颜色


到这里有人会问:“标签”是什么?如下图哈:



这里可以设置标签的文字内容和它的背景颜色。背景颜色建议不要太浅色了。不然文字看不清的哈。背景色的设置可以点这里看:http://bangpai.taobao.com/group/thread/15077576-277475373.htm

 

 关于换宝贝图片:是给选完宝贝后对自己的宝贝图不满意想换掉图片。填多张图片地址就有轮播动画效果

 

首先,我们切换到“宝贝图设置”这个功能。





如何设置适合的高度


我们的宝贝图是可以设置高度的,默认的高度是400的像素。如果亲看到自己的宝贝图下面是白色的。那就是设置太高了。

如果你觉得我们的高度太高了。想设置低点,但是又不知道设置成多少?你可以用下面的方法:


1.用QQ截图工具,划一个框,量出具体高度即可。





QQ截图工具在划完局域后会显示区域的大小。看到上图的红框,该区域宽322 高320

高填写320的即可

 

接下来,我们介绍,如何更换宝贝图


1.    将准备好的图片上传到”卖家中心”>>“图片空间”。图片尺寸,宽度固定是310像素的,高度可以修改.

上传图片相信大家都有用过,上传的注意下图的内容不要勾选,不然图片尺寸可能会被压缩。

 


2.    然后返回查看刚上传的图片。点击下图“链接”就可以完成复制图片的地址。

   


然后将直接粘贴到如下图所示“宝贝图地址”中即可





如果你只填一个图片地址,就表示更换宝贝图。


如果你想展示这个宝贝的多张图,让图片滚动播放,你可以在这里粘贴多个图片地址,用 #号间隔就可以了。如下图所示:





为了以后更好修改,我们建议粘贴第二张图片地址前先换行。别漏了#号了哈

 

如何修改轮播按钮颜色:

【显示切换按钮】图片滚动的效果默认是自动播放的。当鼠标移动到宝贝图的时候就不会滚动了。当然,你可以根据情况去设置显示切换按钮。

首先,我们在“显示设置”中找到“多色块” 如下图:





效果是:



 

这样,用户鼠标移到按钮上就可以切换图了。虽然是方便了,但是还是有些不好看。接下来我们来介绍如何变色!

 

还是在刚才的“宝贝图设置”功能中。大家会看到下图:





在“颜色代码”中可以填入与图片地址相对应的颜色,这样可以实现:用户把鼠标移动到红色的按钮中,图片就会切换到红色款衣服的图片。这样一一对应可以让顾客更轻松了解宝贝。

 

颜色代码怎么填? 怎么知道衣服的颜色代码是什么?

可以用Photoshop工具来帮忙,Photoshop取色器:

点下衣服的颜色就可以啦:





大家复制红框中的代码到“颜色代码”中,多个颜色代码用#号间隔就可以了。

更多颜色查找地址:http://www.mtmao.com/colorselect

其他类似的帮助教程

正在加载,请稍后...