上鉆的賣家都知道,旺鋪基礎版由于功能的限制,只有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自定義模塊