淘宝店铺店招制作问题 如图所示 写好代码上传后 文字集体下移 如何解决 求大神赐教

如题所述

第1个回答  2020-03-22
第一步:进入“我是卖家”点击“店铺装修”
第二步:点击添加新模板
第三步:点击添加“图片轮播”
第四步:进入编辑模块:可以选择自定义模块标题,模块高度,和模块的切换效果,
点击保存就了。
但是淘宝的轮播模块有一定的局限性,看上图就知道,它的高度可以自定义,但是它的宽度只有950和750两种,不能自定义,比如我想做一个350宽的呢,就没有办法了,
另一个局限性就是宝贝详情页面没有轮播图片模块:(看下图,只有自定义和同类宝贝推荐,)
还有个局限性就是轮播图片只能一个图片对应一个连接地址(看下图,一个图片只对应一个跳转的地址)
如果我想做成这样一个图片轮播(如下图,是三个轮播图片,第一张图片上要有两个连接点击时分别跳转到两个地址),淘宝的轮播图片模板就没有办法实现了
今天我要讲的是自定义轮播图片,也就是用html代码做轮播图片,它可以消除这些弊端!
有朋友在这就可能会说了,我不懂代码,给我代码我也不会用啊。
没有关系!我就是针对不懂代码的新手朋友们讲的,懂的也不会看我在这里啰嗦了,是不是?呵呵!不唠叨了,下面看看我要讲的几种不同的轮播代码。
假如我有四张图片想做成轮播图片,
看看下面几种方式是如何把这四张图片自定义成轮播图片的。
第一种是数字渐变轮播,(就是鼠标点击1、2.3.4的时候,图片以渐变的形式播。)
如图所示的这样:(为了让大家跟直观一些,我用jif动态图片仿做轮播效果,图片渐变的效果么有做出来,不过效果差不多就这样了。)
这是点击右下角数字出现的轮播效果。咱们看看代码怎么做的,
第二种是数字上下轮播,(就是鼠标点击1、2.3.4的时候,图片会上下轮播。它和第一种轮播图片改动的地方是一样的,参造上图就行这里就不多说了。)
第三种是左右横排图片轮播,(就是点击小图片大图片会以渐变的形式轮播,这是前两种轮播的扩展,样式更好看一些,也更直观一些)
如图所示那样点击右下角的小图片,就会切换到大图片,这种轮播和js、flash动画效果差不多,很抢眼的。看代码
提醒一下:小图片1和大图片1,小图片2和大图片2都是同一张图片哦
第四种就是上下竖排图片轮播(和第三种差不多,只是小图片排列不一样,但改动的地方是一样的,这里就不多说了。)效果如下图
懂代码的朋友还可能在此基础上做些不同的轮播,今天我就讲这几种,下面是代码,大家可以把代码复制到记事本里,改下尺寸,图片地址,点击图片链接的地址,然后复制到淘宝自定义模块里,就行了。
相似回答