前些天在網(wǎng)上看到有一個(gè)貼子，介紹基礎(chǔ)版店鋪也能用950的圖片輪播，但是按照貼子的步驟一步步去做了，但是效果怎么也出不來(lái)。最后，沒(méi)辦法，只能從貼主發(fā)布的內(nèi)容一點(diǎn)點(diǎn)仔細(xì)研究問(wèn)題到底出在哪里，皇天不負(fù)有心人，問(wèn)題最終被我完美解決。現(xiàn)把自己的研究成果給大家奉上，希望對(duì)大家能有所用處。
第一步：打開(kāi)“店鋪裝修”
進(jìn)入后臺(tái)后，在導(dǎo)航欄下方右側(cè)（750寬度的這邊），添加一個(gè)高度為300（這個(gè)數(shù)據(jù)根據(jù)自己輪播圖片的高度可自行修改）的自定義內(nèi)容欄，如下圖
然后在代碼編輯區(qū)內(nèi)輸入下方代碼：
<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>
標(biāo)注的紅色字體300，可根據(jù)自己輪播圖片的高度自行修改。代碼輸入后，確定就會(huì)得到如下圖所示的一個(gè)空框。
第二步：在店鋪裝修的左側(cè)（緊接導(dǎo)航欄下方），再插入一個(gè)自定義內(nèi)容欄，如下圖
在代碼編輯狀態(tài)下，輸入如下代碼
<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>
紅色代碼部分，就是需要自己替換的圖片地址。代碼輸入完畢，確定，就會(huì)得到如下效果。
第三步：發(fā)布店鋪，就可以看到950圖片輪播的效果了。
希望以上方法對(duì)大家有所幫助，謝謝。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 淘寶旺鋪基礎(chǔ)版店鋪950圖片輪播代碼
