上钻的卖家都知道,旺铺基础版由于功能的限制,只有750和190的自定义模块,因此装修的店铺看上去不专业,不大气。但又舍不得花钱开通专业版。怎么办呢?不急,今天就给大家分享一下基础版店铺如何实现950自定义模块和1920全屏模块,再加上之前分享的基础版实现1920通栏店招,这样基础版可以装修的跟专业版店铺一样专业。
我们今天要用到一段代码:
<div style="height: 高度px"> <div style="left:-200px;top:0px;border:none;padding:0;" class=footer-more-trigger> <div style="width: 950px; overflow: hidden">代码粘贴区域</div></div></div>
通过这段代码我们便可实现,将950的模块代码放到750的自定义模块中来展示950的模板效果。
1. 我们用本站的一个950的模板代码八图立体展示特效为例来说明。
我们获取代码后如何直接放到750自定义模块中后,可以看到右边一排图片没有显示。

这时就需要用到上面的那段代码,先将上面那个段代码复制到自定义模块中,然后用八图立体展示特效代码:
<div class="J_TWidget" data-widget-config="{'png':true,'png_bg':true}" data-widget-type="Compatible" style="width:952px;background:url(http://img04.taobaocdn.com/imgextra/i4/60804150/T2z1F3XoVXXXXXXXXX-60804150.jpg);height:490px;overflow:hidden;">
<div class="J_TWidget" data-widget-config="{'effect': 'fade','autoplay': 'true','circular': true,'navCls': 'taobaoux-nav','contentCls': 'taobaoux-content'}" data-widget-type="Tabs">
<div class="taobaoux-nav" style="margin:0px 8px auto;width:948px;">
<div style="margin:15px 655px 10px 0px;width:140px;float:left;height:100px;overflow:hidden;">
<span><span><a style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
<div style="margin:15px 0px 10px;width:140px;float:left;height:100px;overflow:hidden;">
<span><span><a data-attr-replace="[软件开发:e家软件 旺旺:e家软件 ]" style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
<div style="margin:0px 655px 10px 0px;width:140px;float:left;height:100px;overflow:hidden;">
<span><span><a data-attr-replace="[软件开发:e家软件 旺旺:e家软件 ]" style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
<div style="width:140px;margin-bottom:10px;float:left;height:100px;overflow:hidden;">
<span><span><a data-attr-replace="[软件开发:e家软件 旺旺:e家软件 ]" style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
<div style="margin:0px 655px 10px 0px;width:140px;float:left;height:100px;overflow:hidden;">
<span><span><a data-attr-replace="[软件开发:e家软件 旺旺:e家软件 ]" style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
<div style="width:140px;margin-bottom:10px;float:left;height:100px;overflow:hidden;">
<span><span><a data-attr-replace="[软件开发:e家软件 旺旺:e家软件 ]" style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
<div style="margin:0px 655px 10px 0px;width:140px;float:left;height:100px;overflow:hidden;">
<span><span><a data-attr-replace="[软件开发:e家软件 旺旺:e家软件 ]" style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
<div style="width:140px;margin-bottom:10px;float:left;height:100px;overflow:hidden;">
<span><span><a data-attr-replace="[软件开发:e家软件 旺旺:e家软件 ]" style="width:140px;display:block;height:100px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:140px;height:100px;" /></a></span></span></div>
</div>
<div class="taobaoux-content" style="position:relative;width:570px;height:430px;clear:both;top:-445px;left:165px;">
<div style="display:block;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
<div style="display:none;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
<div style="display:none;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
<div style="display:none;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
<div style="display:none;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
<div style="display:none;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
<div style="display:none;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
<div style="display:none;">
<span><span><a href="" style="width:625px;display:block;height:450px;" target="_blank"><img data-ks-lazyload="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" style="width:625px;height:450px;" /></a></span></span></div>
</div>
</div>
</div>
替换掉 上面代码的蓝色字休代码粘贴区域,最后再修改一下上面代段中蓝色部分高度,这个高度就是950模块的高度。如何获取呢,可以利用QQ截图。
如下图:

从图中可以看到模块高度为463,然后将高度替换为463。确定就可以看到950的效果了。

如果想实现1920全屏效果,直接将 本站在线制作里面的全屏轮播代放在750自定义模块中就可以了
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 淘宝旺铺基础版950自定义模块