店鋪裝修是大事情，商家在找貨源的同時(shí)，就要著手準(zhǔn)備店鋪的裝修。如果自己沒(méi)有專業(yè)的功底，建議請(qǐng)專業(yè)人士來(lái)做。2021年淘寶店鋪裝修和往年有些不一樣，來(lái)看看裝修教程吧。

一、新舊旺鋪裝修流程簡(jiǎn)述

舊旺鋪首頁(yè)裝修流程：

新建首頁(yè)→拖入模塊→編輯模塊→保存模塊→保存頁(yè)面→發(fā)布頁(yè)面

新旺鋪首頁(yè)裝修流程：

模式①：新建首頁(yè)→拖入淘寶旺鋪容器→創(chuàng)建模塊→放置模塊→保存頁(yè)面→發(fā)布頁(yè)面(類似舊旺鋪)

模式②：創(chuàng)建模塊→新建首頁(yè)→拖入容器→放置模塊→保存頁(yè)面→發(fā)布頁(yè)面(全新的流程)

二、新版旺鋪首頁(yè)裝修方式完整步驟(模式①)

將所需的模塊容器拖動(dòng)到相應(yīng)位置

如沒(méi)有模塊,點(diǎn)擊"創(chuàng)建模塊"

先保存模塊

發(fā)布模塊后,選中該模塊并點(diǎn)擊"確認(rèn)"

這樣一個(gè)模塊就裝修進(jìn)頁(yè)面了

存在多個(gè)時(shí)即自動(dòng)"千人千面

檢查頁(yè)面內(nèi)容后,點(diǎn)擊"預(yù)覽"或"發(fā)布"

三、新版旺鋪首頁(yè)裝修方式完整步驟(模式②)

點(diǎn)擊左側(cè)"模塊管理",進(jìn)入模塊庫(kù)

這里是模塊類型

這里是已有模塊

如沒(méi)有所需的模塊,點(diǎn)擊"創(chuàng)建模塊"

找到所需的模塊,并點(diǎn)擊

先保存模塊

這就是剛剛創(chuàng)建的模塊

點(diǎn)擊"新建頁(yè)面"

創(chuàng)建后找到該頁(yè)面,點(diǎn)擊裝修頁(yè)面

將所需的模塊容器拖動(dòng)到相應(yīng)位置

選中容器后,在右側(cè)點(diǎn)擊"添加模塊內(nèi)容"

選擇剛才已創(chuàng)建好的模塊

然后點(diǎn)擊"確認(rèn)"

這樣提前創(chuàng)建好的模塊就裝修進(jìn)頁(yè)面了

存在多個(gè)時(shí)即自動(dòng)"千人千面

檢查頁(yè)面內(nèi)容后,點(diǎn)擊"預(yù)覽"或"發(fā)布"

上面就是2021年裝修店鋪的詳細(xì)步驟，看起來(lái)非常簡(jiǎn)單，但是，要將店鋪裝修好，在店鋪風(fēng)格設(shè)計(jì)方面和圖片的選擇方面，是要多思考多費(fèi)心血的。店鋪裝修得好，對(duì)產(chǎn)品的轉(zhuǎn)化率的提高也是有幫助的。

淘寶店鋪裝修代碼怎么弄？全屏輪換怎么制作？

淘寶店鋪必須要搞裝修，就像我們?cè)诰€下租店面開(kāi)店一樣，首先要做的就是裝修。很多商家一般都是代碼裝修，這樣更好控制頁(yè)面的風(fēng)格，一起來(lái)看看怎么弄代碼裝修吧。

1. 先上全屏輪換的效果圖

阿里店鋪裝修全屏廣告輪換效果圖

(由于畫(huà)面問(wèn)題，縮放顯示了，正常寬度是 1920px或100%)

2.淘寶店鋪裝修中全屏輪換特效的html代碼

阿里店鋪裝修全屏廣告輪換html代碼

全屏廣告輪換html代碼解釋：① 屬性的設(shè)置，這里nav(觸發(fā)切換的標(biāo)簽)不使用默認(rèn)，對(duì)應(yīng)的是.lht_nav里面的li元素，切換的面板設(shè)置為.lht_pane，上下頁(yè)按鈕設(shè)置如圖，觸發(fā)動(dòng)作設(shè)置成點(diǎn)擊觸發(fā)。

② li的觸發(fā)標(biāo)簽個(gè)數(shù)與lht_pane面板的數(shù)量必須要一致。

3. 店鋪裝修中全屏輪換特效的CSS代碼

阿里店鋪裝修全屏廣告輪換css代碼

全屏廣告特效css部分說(shuō)明：

① 這里涉及到一個(gè)css小技巧分享，對(duì)觸發(fā)標(biāo)簽容器.lht設(shè)置文本居中，然后子元素設(shè)置為display:inline-block; (內(nèi)聯(lián)塊狀的意思，區(qū)別于float:left),這樣里面的小模塊就會(huì)在容器.lht里面居中了，這樣能確保觸發(fā)切換的按鈕能一直畫(huà)面中間。

② 此處只是外部的箭頭圖片路徑地址。

③ .disabled類是當(dāng)上下頁(yè)失效(第一頁(yè)和最后一頁(yè)時(shí))的特定類，小耐這里設(shè)置成不顯示，也可以考慮設(shè)置成透明。

其實(shí)，代碼裝修店鋪還是很簡(jiǎn)單的，就這么幾個(gè)步驟，就像套模板一樣的套進(jìn)去就行，且這樣裝修出來(lái)，店鋪風(fēng)格更加獨(dú)特，不會(huì)那么呆板。不會(huì)的朋友趕緊學(xué)起來(lái)吧。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

更多資訊請(qǐng)關(guān)注幕 思 城。