淘宝美工论坛

标题: 完美解决基础版实现全屏轮播 给点赞不? [打印本页]

作者: 小宇    时间: 2015-4-10 21:47
标题: 完美解决基础版实现全屏轮播 给点赞不?
本帖最后由 Rain 于 2015-4-12 12:57 编辑

淘宝基础版旺铺的卖家都非常羡慕专业版旺铺可以有全屏1920PX的全屏轮播大海报和多屏固定背景及950宽商品展示的效果。大家学会淘宝基础版旺铺1920px全屏轮播海报制作教程以后旺铺专业版每个月50元就可以省了如果对你有帮助,记得回帖哟~~


首先和大家分享旺铺基础版1920PX全屏轮播海报的代码如下:
  1. <div style="height:1080px;width:1920px;">
  2. <div class="footer-more- trigger" style="width:1920px;height:1080px;left:auto;top:auto;margin:0;padding:0;border:0;">
  3. <div class="footer-more-trigger" style="top:auto;left:-675px;margin:0;padding:0;border:0;">
  4. <a href="#" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1927022064/T2YcSzXu8XXXXXXXXX-1927022064.jpg" style="float:none;margin:0px;" /></a></div>
  5. </div>
  6. </div>
复制代码
第一步:准备好一张1920PX宽的图片,高度根据您的需要,这里演示的高度是1080PX,你直接修改height跟你的图片高度值一样就行了。
把做好的1920PX图片上传到图片空间,然后把图片链接换成你的就行了。


第二步:到你的基础版网店中,把左侧190宽的全部删除,添加右边750宽的一个自定义内容区域。
装修店铺-----除了店招 其他模块全部删除   添加一个自定义模块


第三步:把代码复制进去确定发布即可。



效果参考预览:http://mrpfz.taobao.com



原帖来源:转载     作者:子雨

我是活雷锋








作者: 郭小五    时间: 2015-4-10 21:58
我抢沙发...

作者: 小宇    时间: 2015-4-10 22:20
郭小五 发表于 2015-4-10 21:58
我抢沙发...

还坐会儿不?


作者: 向内行走    时间: 2015-4-10 22:23
厉害。

作者: Sail    时间: 2015-4-10 22:31
管用吗?


作者: 马哈德    时间: 2015-4-10 22:33
真的吗!先收藏

作者: 小宇    时间: 2015-4-10 22:34
Sail 发表于 2015-4-10 22:31
管用吗?

绝对管用,你看看我的店铺

作者: 小宇    时间: 2015-4-10 22:35
马哈德 发表于 2015-4-10 22:33
真的吗!先收藏

一万个真真的


作者: apers    时间: 2015-4-10 23:41
基础版难道不能全屏轮播么?

作者: 小宇    时间: 2015-4-10 23:49
apers 发表于 2015-4-10 23:41
基础版难道不能全屏轮播么?

现在貌似不能啊


作者: 谢尚府    时间: 2015-4-11 10:09
怎么没有看见跳转链接至看见图片的

作者: 怕瓦落地    时间: 2015-4-11 11:24
我先下来用一下看。我自己的老铺子,有什么反响。

作者: 怕瓦落地    时间: 2015-4-11 11:27
看了感觉很爽,你其他的就没有做了吗?我想做长一点儿。像天猫首页那样

作者: 亦舒    时间: 2015-4-11 11:30
基础版  店招都是全屏

作者: 莫非视觉    时间: 2015-4-11 13:54
小宇 发表于 2015-4-10 23:49
现在貌似不能啊

谁告诉你基础版不能轮播的?


作者: 君临店家    时间: 2015-4-11 13:57
亦舒 发表于 2015-4-11 11:30
基础版  店招都是全屏

亲你祥情描述页的店招也全屏的吗??????????


作者: super菜鸟    时间: 2015-4-11 14:54
亲,我看看哇

作者: 小宇    时间: 2015-4-11 18:30
怕瓦落地 发表于 2015-4-11 11:24
我先下来用一下看。我自己的老铺子,有什么反响。

我也是整了自己一个老铺子~~不想花钱了~~


作者: 小宇    时间: 2015-4-11 18:31
莫非视觉 发表于 2015-4-11 13:54
谁告诉你基础版不能轮播的?

但是找遍了,没有能全屏轮播的模块哦~~也许我没找到吧


作者: cassie    时间: 2015-4-13 09:10
我用的是专业版,复制上去右边还空出一大截

作者: leftrui    时间: 2015-4-13 10:36
如何做首页全屏透明的效果

作者: 小宇    时间: 2015-4-13 11:07
leftrui 发表于 2015-4-13 10:36
如何做首页全屏透明的效果

你轮播图片做成透明PNG 然后用全屏代码就可以了


作者: 蔡和义    时间: 2015-4-13 13:03
你的店招是错位了吗

作者: 小宇    时间: 2015-4-13 14:52
蔡和义 发表于 2015-4-13 13:03
你的店招是错位了吗

额,我也在找原因,好纠结,重新再做一遍


作者: easyplay    时间: 2015-4-13 17:00
不错  学习一下  ~

作者: 逆流    时间: 2015-4-15 10:51
现在基础版的全屏店招是不是不能用了???

作者: 小宇    时间: 2015-4-15 11:08
逆流 发表于 2015-4-15 10:51
现在基础版的全屏店招是不是不能用了???

是的,用代码可以用


作者: 逆流    时间: 2015-4-15 11:38
小宇 发表于 2015-4-15 11:08
是的,用代码可以用

好像现在不能用了呀    店招两边的全屏 显示不出来了


作者: 小宇    时间: 2015-4-15 12:01
逆流 发表于 2015-4-15 11:38
好像现在不能用了呀    店招两边的全屏 显示不出来了

用代码在导航CSS里可以实现全屏店招,但是固定背景会受影响,两个只能选一个


作者: 逆流    时间: 2015-4-15 16:00
小宇 发表于 2015-4-15 12:01
用代码在导航CSS里可以实现全屏店招,但是固定背景会受影响,两个只能选一个

...

不会吧,今天我实验很多次了,不会行?

作者: 小宇    时间: 2015-4-15 16:12
逆流 发表于 2015-4-15 16:00
不会吧,今天我实验很多次了,不会行?

可以啊


作者: 逆流    时间: 2015-4-15 16:15
小宇 发表于 2015-4-15 16:12
可以啊

真的假的呀,我看了很多家店铺原来可以的现在都不行了

作者: 小宇    时间: 2015-4-15 16:45
逆流 发表于 2015-4-15 16:15
真的假的呀,我看了很多家店铺原来可以的现在都不行了

我开始用了啊, 然后用固定背景的时候给遮住了,然后我就用默认的了,选择了固定背景


作者: 逆流    时间: 2015-4-15 17:06
小宇 发表于 2015-4-15 16:45
我开始用了啊, 然后用固定背景的时候给遮住了,然后我就用默认的了,选择了固定背景

...

那我在试试看别人家的


作者: wing汪    时间: 2015-4-15 18:01
感觉好像不行,放进去就靠右只显示了一半的图片

作者: 小宇    时间: 2015-4-15 19:23
wing汪 发表于 2015-4-15 18:01
感觉好像不行,放进去就靠右只显示了一半的图片

在代码里,修改  LEFT 的值 为-686试试


作者: 我是小小煒    时间: 2015-4-16 15:16
楼主的分享,真是对于我们这些伸手党来说,只能说一句,感谢楼主的分享~

作者: myname张    时间: 2015-4-18 13:41
好东西

作者: bbmmwanbbcc    时间: 2015-4-19 00:02
亲, 能把首页背景代码发下吗

作者: 小宇    时间: 2015-4-19 10:10
bbmmwanbbcc 发表于 2015-4-19 00:02
亲, 能把首页背景代码发下吗

看到了吗

9.jpg (400.26 KB, 下载次数: 12)

9.jpg

作者: 杨晓枫    时间: 2015-4-19 15:08
不错

作者: zhangfuxiang    时间: 2015-4-19 18:27
小宇 发表于 2015-4-10 23:49
现在貌似不能啊

可以全屏轮播   完全可以的


作者: randy2013    时间: 2015-4-20 17:13
固定背景那个图片很好看,楼主能否共享一下?

作者: 小宇    时间: 2015-4-20 22:08
randy2013 发表于 2015-4-20 17:13
固定背景那个图片很好看,楼主能否共享一下?

当然可以

9.jpg (400.26 KB, 下载次数: 5)

9.jpg

9.jpg (400.26 KB, 下载次数: 5)

9.jpg

作者: bbmmwanbbcc    时间: 2015-4-21 01:42
小宇 发表于 2015-4-19 10:10
看到了吗

亲啊  是要代码  不是图片


作者: 小宇    时间: 2015-4-21 09:52
bbmmwanbbcc 发表于 2015-4-21 01:42
亲啊  是要代码  不是图片

你是要能实现固定背景的代码?还是要首页的固定背景?

作者: 薄荷玲玲    时间: 2015-4-21 13:12
我的额不轮播·就一张大的  ··下面也一张大·就是不轮播

作者: 薄荷玲玲    时间: 2015-4-21 13:17
嘻嘻  我试试了你发的代码了·可就一个一张图吧  ?不轮播

作者: 小宇    时间: 2015-4-21 13:49
薄荷玲玲 发表于 2015-4-21 13:17
嘻嘻  我试试了你发的代码了·可就一个一张图吧  ?不轮播

用 码工助手 我用的是其中的全屏海报

作者: bbmmwanbbcc    时间: 2015-4-21 14:05
小宇 发表于 2015-4-21 09:52
你是要能实现固定背景的代码?还是要首页的固定背景?

bbmmwanbbcc 发表于 2015-4-21 01:42
亲啊  是要代码  不是图片


你是要能实现固定背景的代码?还是要首页的固定背景?
固定背景代码, 跟首页固定背景 不是一回事么?   不过我找到了。 谢谢


作者: 乡里土娃娃    时间: 2015-4-21 20:34
这只是一个海报吧?轮播呢

作者: 小宇    时间: 2015-4-22 21:42
乡里土娃娃 发表于 2015-4-21 20:34
这只是一个海报吧?轮播呢

用 码工助手 我用的是其中的全屏海报


作者: bbb    时间: 2015-4-22 21:53
先赞了吧!

作者: 薄荷玲玲    时间: 2015-4-24 22:13
   学习中啊  

作者: yslbzn    时间: 2015-5-17 00:19
这个不错

作者: zhangfuxiang    时间: 2015-5-26 20:48
小宇 发表于 2015-4-10 23:49
现在貌似不能啊

可以啊 我一直都用的


作者: 方涛    时间: 2015-6-2 09:35
基础版  导航下的10像素怎么去除呢

作者: 小宇    时间: 2015-6-2 20:08
方涛 发表于 2015-6-2 09:35
基础版  导航下的10像素怎么去除呢

这个不会去除


作者: 健尚坊瑜伽    时间: 2015-6-2 20:42
基础版可以全屏轮播吧






欢迎光临 淘宝美工论坛 (http://www.taobaoux.com/) Powered by Discuz! X3.2