前些天在網上看到有一個貼子,介紹基礎版店鋪也能用950的圖片輪播,但是按照貼子的步驟一步步去做了,但是效果怎么也出不來。最后,沒辦法,只能從貼主發布的內容一點點仔細研究問題到底出在哪里,皇天不負有心人,問題最終被我完美解決。現把自己的研究成果給大家奉上,希望對大家能有所用處。
第一步:打開“店鋪裝修”
![](http://m.gooddi.cn/file/upload/201411/24/11-20-30-41-1.jpg)
進入后臺后,在導航欄下方右側(750寬度的這邊),添加一個高度為300(這個數據根據自己輪播圖片的高度可自行修改)的自定義內容欄,如下圖
![](http://m.gooddi.cn/file/upload/201411/24/11-02-57-67-1.jpg)
然后在代碼編輯區內輸入下方代碼:
<table border="0" cellpadding="0" cellspacing="0" class="" height="150" width="750">
<tbody>
<tr>
<td align="middle" height="300" valign="top">
</td>
</tr>
</tbody>
</table>
標注的紅色字體300,可根據自己輪播圖片的高度自行修改。代碼輸入后,確定就會得到如下圖所示的一個空框。
![](http://m.gooddi.cn/file/upload/201411/24/11-20-51-78-1.jpg)
第二步:在店鋪裝修的左側(緊接導航欄下方),再插入一個自定義內容欄,如下圖
![](http://m.gooddi.cn/file/upload/201411/24/11-02-57-62-1.jpg)
在代碼編輯狀態下,輸入如下代碼
<div class="duola">
<div class="J_TWidget scrollable" data-widget-config="{'effect': 'scrolly','easing': 'easeOutStrong', 'steps':1,'circular': true,'prevBtnCls': 'prev', 'nextBtnCls': 'next','disableBtnCls': 'disable','autoplay': true}" data-widget-type="Carousel">
<div class="slider-promo J_TWidget" data-type="fade" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:950px;height:300px;">
<ul class="lst-main">
<li>
<a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-5332161146.49.Jj4cD0&id=37342681104&scene=taobao_shop" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1744671800/T2kfviXsBXXXXXXXXX_!!1744671800.png" style="float:none;margin:0px;" /></a></li>
<li>
<a href="http://item.taobao.com/item.htm?spm=a1z10.5.w4002-5332161146.31.rRfiIk&id=37163760265&scene=taobao_shop" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1744671800/T2dLniXxhXXXXXXXXX_!!1744671800.jpg" style="float:none;margin:0px;" /></a></li>
<li>
<a href="http://shop108265540.taobao.com/category-864994855.htm?spm=a1z10.5.w4002-5332161146.2.O7d95b&search=y&catName=%C5%AE%D0%AC&scene=taobao_shop#bd" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1744671800/T24CLgXt0aXXXXXXXX_!!1744671800.png" style="float:none;margin:0px;" /></a></li>
</ul>
</div>
</div>
</div>
紅色代碼部分,就是需要自己替換的圖片地址。代碼輸入完畢,確定,就會得到如下效果。
![](http://m.gooddi.cn/file/upload/201411/24/11-21-58-63-1.jpg)
第三步:發布店鋪,就可以看到950圖片輪播的效果了。
希望以上方法對大家有所幫助,謝謝。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文內容整合網站:百度百科、知乎、淘寶平臺規則
本文來源: 淘寶旺鋪基礎版店鋪950圖片輪播代碼