海報1圖片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif
海報2圖片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif
海報3圖片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif
海報4圖片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif
效果圖:
圖片替換后用同樣方法替換點擊海報圖片打開的地址,默認四張都是http://www.taobao.com/,依次從代碼最上方開始查找替換需要連接的寶貝地址即可。以上步驟做完后,代碼修改完成了,然后在店鋪裝修后臺新建一個自定義模塊,將修改后的代碼復制到自定義模塊中,注意是要在代碼模式下復制粘貼。
<div data-componentid="5003" data-spm="110.0.5003-932850972" data-title="" data-widgetid="932850972"> <div class="skin-box tb-module "> <s class="skin-box-tp"></s> <div class="skin-box-bd clear-fix"> <div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs"> <div class="piaofu" style="height: 480px"> <div class="J_TWidget" data-widget-config="{ 'contentCls': 'slide-kun1362899830209content', 'triggerCls': 'slide-kun1362899830209triggers', 'navCls': 'slide-kun1362899830209triggers', 'triggerType': 'mouse', 'effect': 'scrollx', 'prevBtnCls':'prev', 'nextBtnCls':'next', 'steps': 1, 'autoplay': true, 'viewSize':[1920], 'circular': true }" data-widget-type="Carousel" style="padding-right: 0px; padding-left: 0px; z-index: 10; left: -485px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; top: 0px"> <div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none"> <div class="prev" style="float: left; width: 90px; height: 90px"> <span><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" /></span></div> <div class="next" style="margin-left: 950px; width: 90px; height: 90px"> <span><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" /></span></div> </div> <div class="first-trigger2" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 1920px; padding-top: 0px; height: 500px"> <ul class="slide-kun1362899830209content" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; height: 500px"> <li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px"> <span><a data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li> <li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px"> <span><a data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li> <li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px"> <span><a data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li> <li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px"> <span><a data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li> </ul> </div> <ul class="slide-kun1362899830209triggers" style="padding-right: 0px; display: none; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px"> <li> <span> </span></li> <li> <span> </span></li> <li> <span> </span></li> <li> <span> </span></li> </ul> </div> </div> </div> </div> <s class="skin-box-bt"></s></div></div>
更多淘寶店鋪裝修模板