返回列表

作者:巨人電商

淘寶店鋪裝修自定義滾播點(diǎn)擊切換到下一張圖怎么實(shí)現(xiàn)?代碼分享

POST TIME:2020-10-22

  有賣家朋友在瀏覽競爭對手店鋪的時(shí)候發(fā)現(xiàn),鼠標(biāo)滑過圖片就會變換,覺得這個效果很不錯并且非常實(shí)用,想知道這個效果該怎么實(shí)現(xiàn)?其實(shí)用html代碼就可以實(shí)現(xiàn),今天開淘小編分享一下具體的代碼,一起去學(xué)習(xí)一下吧!

  注意:

  “sub all_t10”這個序列號需要修改一下,全部修改,一個圖片切換一個對應(yīng)的數(shù)字。否則切換的圖片會混掉。

  圖片網(wǎng)址鏈接換成自己做的網(wǎng)址鏈接。還有圖片大小都要修改。

  上面還有一個圖片指向鏈接,大家可以換掉#。

  {'node':'.all_t10','offset':[0,-300],'points':['bc','tc']}}"這段里面的【0,-300】的300一定要修改。修改成你要切換圖片高度。

  修改好之后,下面可以發(fā)布到頁面了。

  打開裝修頁面。新建一個淘寶自定義模塊。然后在自定義內(nèi)容模塊里面點(diǎn)選代碼編輯,把上面修改好的代碼復(fù)制粘貼到這個編輯器里面保存發(fā)布就OK了。

  淘寶店鋪裝修 兩邊帶箭頭的輪圖模式怎么做 只要按兩邊的箭頭圖片就會切換?

  這個必須要購買拓展版的店鋪模板才能夠自定義安裝的,不過你可以去淘寶服務(wù)中直接購買這樣式的模板,現(xiàn)成的不需要你動手安裝。購買拓展版的費(fèi)用和直接買模板的費(fèi)用一樣,所有還是省事點(diǎn)直接買模板吧。

  淘寶裝修自定義頁面如何通過代碼來排版?

  淘寶的碼工助手是有一些模版是設(shè)計(jì)好的,所以你如果改動就出現(xiàn)了層級關(guān)系,就是所謂的擋住了,但這可以通過代碼改變層級關(guān)系。默認(rèn)的層級為0,大于0排在上面,小于0排在下面。

  淘寶店鋪模版上的輪播圖片怎么替換 ?

  首先要進(jìn)入裝修頁面,點(diǎn)開“圖片輪播”編輯頁面:點(diǎn)擊圖片圖標(biāo) 可以插入圖片空間圖片:

  點(diǎn)擊選擇 然后插入圖片空間圖片:可以在“操作”階段進(jìn)行調(diào)整/刪除 也可以添加新圖片:可以在“顯示設(shè)置”進(jìn)行進(jìn)一步的調(diào)整。

  新旺鋪專業(yè)版通欄寬度為950px/左側(cè)欄為190px/右側(cè)欄為750px/

  新旺鋪基礎(chǔ)版左側(cè)欄為190px/右側(cè)欄為750px/

  在“切換效果”這里就是圖片與圖片之間輪播時(shí)的替換方式,有“上下滾動”和“漸變滾動”。最后點(diǎn)“保存”。

  在使用代碼的時(shí)候,記得修改圖片成為更合適的大小!最后不管是進(jìn)行了什么修改,都需要點(diǎn)擊保存,再去預(yù)覽效果就可以了!想要了解更多網(wǎng)店裝修相關(guān)的內(nèi)容,可以關(guān)注,好玩有趣的資訊在等著你哦。

  相關(guān)推薦:

  淘寶主圖怎么做吸引人?設(shè)計(jì)和優(yōu)化雙管齊下!

  淘寶全屏店招怎么設(shè)置?淘寶全屏店招設(shè)置教程

  淘寶店鋪使用官方系統(tǒng)尾部模塊無法刪除怎么辦