店鋪裝修首頁中的輪播海報已經(jīng)不是什么新鮮的事情了,那么你知道店鋪店招里面的小輪播是怎么插入進(jìn)去的嗎?雙十一就快到了,今天手把手教大家在任意位置插入小輪播,讓店鋪動起來,希望大家雙十一大賣。學(xué)會它可以在任意圖片位置插入輪播模塊,而且不限制輪播數(shù)量,不限制輪播尺寸,真的很實用。下面以店招插入輪播為例給大家講解!
效果案例:
圖片中虛線的部分為輪播部分。
首先,我們需要根據(jù)具體要實現(xiàn)的效果,做設(shè)計圖,用ps將設(shè)計好的圖片切片,注意將箭頭也分別切出來;
切片之后保存的時候我們選擇保存為【html和圖像】,即網(wǎng)頁代碼和圖片。
保存完,出現(xiàn)一個圖片文件,和一個網(wǎng)頁文件,網(wǎng)頁文件就是我們需要的代碼。可以打開網(wǎng)頁文件,點擊下,看下效果。
同時我們將所有圖片上傳到淘寶圖片空間方便后面使用。
接下來我們用DW(Dreamweaver)工具打開我們導(dǎo)出的html文件:
在DW設(shè)計模式下可以預(yù)覽效果:
下面的步驟很重要,別掉隊哦~
接下來我們要在dw中講設(shè)計的輪播部分刪除,具體的方法是選中輪播部分按 delete 或者刪除鍵都可以:
刪除之后我們選擇單元格,合并單元格,方便我們以后插入代碼,方法是按鍵盤上的Ctrl同時選中三個單元格,
右鍵:
合并完成之后只有一個單元格如圖:
接下來我們開始制作輪播,代碼將制作好的輪播代碼插入到這個布局中即可,這里我們需要利用一款裝修代碼生成器。他可以一鍵生成我們需要的輪播代碼,而且可以自定義輪播圖片數(shù)量,不限制輪播圖片大小。同時可以將生成的輪播代碼插入到任意的模塊里面。
打開軟件找到【工具】——【高級工具】——【箭頭輪播】:
這里就是我們需要配置的輪播參數(shù),幾乎是可視化的編輯界面:上面填寫我們設(shè)計好的輪播模塊的尺寸,下面輸入我們在淘寶空間中上傳好的輪播圖片地址,左側(cè)的組是根據(jù)我們設(shè)計的輪播圖片數(shù)量添加的,如果我們設(shè)置的三張圖片輪播,那么這里就添加三個組,同時右邊就可以輸入三個輪播圖片的地址,并且三個圖片可以插入不同的寶貝鏈接。
這里填寫參數(shù)問題應(yīng)該不大,做過店鋪裝修的朋友都知道,插入圖片地址即可, 填寫完成之后 我們直接點擊右下角的 【生成并復(fù)制】按鈕。
當(dāng)軟件提交復(fù)制代碼成功,此時我們要去dw軟件中 插入我們生成好的輪播代碼:
注意,這里要刪除默認(rèn)的尖括號,再粘貼我們軟件生成的代碼即可。一定要刪除尖括號哦。 粘貼完成之后再空白處點擊一下:
我可以看到預(yù)先設(shè)置好的效果了:
此時我們的輪播代碼已經(jīng)插入到了店招中,別忘了,除了輪播模塊內(nèi)的圖片我們已經(jīng)替換為圖片空間的圖片地址了,其他的圖片還是我們本地的哦,所以我們需要將其他圖片的地址也替換為圖片空間的圖片地址,如果圖片不多的話直接復(fù)制圖片空間的圖片地址在dw中替換即可,如果圖片多可以使用【淘寶美工助理】——【工具】——【批量換圖】:
這個功能可以將本地的圖片一次批量替換為圖片空間的圖片,很方便。具體的操作大家有軟件的話 可以看軟件里面的教程,這里不做過多贅述。
至此,所有的步驟我們都完成了,最后只需要將dw中設(shè)計好的代碼全選復(fù)制之后粘貼到淘寶店招里面即可:
利用此方法,可以在任意位置,任意的模塊里面插入輪播模塊,比如店招,首頁海報等圖片中都可以,有興趣的賣家朋友可以親自嘗試。
樂發(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ī)則
本文來源: 淘寶店鋪裝修:店鋪輪播如何設(shè)置?