快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 裝修代碼 » 淘寶旺鋪基礎(chǔ)版店鋪950圖片輪播代碼

淘寶旺鋪基礎(chǔ)版店鋪950圖片輪播代碼

放大字體  縮小字體 發(fā)布日期:2024-04-23 09:24:24  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):19

前些天在網(wǎng)上看到有一個貼子,介紹基礎(chǔ)版店鋪也能用950的圖片輪播,但是按照貼子的步驟一步步去做了,但是效果怎么也出不來。最后,沒辦法,只能從貼主發(fā)布的內(nèi)容一點(diǎn)點(diǎn)仔細(xì)研究問題到底出在哪里,皇天不負(fù)有心人,問題最終被我完美解決。現(xiàn)把自己的研究成果給大家奉上,希望對大家能有所用處。

第一步:打開“店鋪裝修”

進(jìn)入后臺后,在導(dǎo)航欄下方右側(cè)(750寬度的這邊),添加一個高度為300(這個數(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ù)自己輪播圖片的高度自行修改。代碼輸入后,確定就會得到如下圖所示的一個空框。

第二步:在店鋪裝修的左側(cè)(緊接導(dǎo)航欄下方),再插入一個自定義內(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&amp;id=37342681104&amp;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&amp;id=37163760265&amp;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&amp;search=y&amp;catName=%C5%AE%D0%AC&amp;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>

紅色代碼部分,就是需要自己替換的圖片地址。代碼輸入完畢,確定,就會得到如下效果。

第三步:發(fā)布店鋪,就可以看到950圖片輪播的效果了。

希望以上方法對大家有所幫助,謝謝。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科、知乎淘寶平臺規(guī)則

本文來源: 淘寶旺鋪基礎(chǔ)版店鋪950圖片輪播代碼

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
裝修代碼圖文
淘寶裝修代碼修改:修改淘寶裝修代碼步驟、裝修代碼修改教程
裝修代碼網(wǎng)商學(xué)院推薦
裝修代碼點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net