【裝修宅獨(dú)家提供】
用了一個(gè)下午的時(shí)間修改整理(教程花的時(shí)間多),這個(gè)適合小而美的母嬰用品店鋪的裝修宅模板出爐,模板適合專業(yè)版淘寶店鋪使用(一鉆一下免費(fèi)升級(jí)到專業(yè)版店鋪,可以使用)?,F(xiàn)在阿宅免費(fèi)提供給大家學(xué)習(xí),出模板和教程不易,希望大家多多支持裝修宅!你們的支持,是我們努力進(jìn)步的動(dòng)力!我們將提供更多的淘寶店鋪裝修模版素材~
【模板詳細(xì)安裝教程】
步驟1、樣式、頁(yè)頭、頁(yè)面設(shè)置
樣式配色:裝修--樣式管理--選擇配色--草綠色
頁(yè)頭設(shè)置:裝修--樣式管理--背景設(shè)置--頁(yè)頭設(shè)置。(如下圖)設(shè)置完記得保存!
(1)背景色選擇白色;(2)更換裝修宅提供的頁(yè)頭背景圖;(3)開(kāi)啟頁(yè)頭下邊距10像素;(4)背景顯示:橫向平鋪;(5)背景對(duì)齊:居中;
頁(yè)面設(shè)置:裝修--樣式管理--背景設(shè)置--頁(yè)面設(shè)置,如下圖,設(shè)置完記得保存!
(1)背景色選擇白色;(2)更換裝修宅提供的頁(yè)面背景圖;(3)背景顯示:不平鋪;(4)背景對(duì)齊:居中;
步驟2、店招安裝:選擇自定義店招,復(fù)制裝修宅提供的店招代碼進(jìn)去,店招高度設(shè)置120px高。如下圖
步驟3、店鋪導(dǎo)航CSS代碼:裝修宅在這個(gè)店鋪裝修時(shí),使用了淘寶店鋪透明導(dǎo)航代碼!
步驟4、添加第一個(gè)自定義內(nèi)容模塊,這個(gè)模塊是其實(shí)是空白的模塊,作用是為了不要遮擋我們這只的全屏大幅背景圖:
添加模塊--自定義內(nèi)容區(qū)--在源碼模式下將 3自定義內(nèi)容模塊【空白】.html 這個(gè)文件的代碼復(fù)制進(jìn)去,設(shè)置不顯示標(biāo)題(大部分自定義模塊都不要顯示標(biāo)題的,注意這個(gè)細(xì)節(jié)),保存
步驟5、添加第二個(gè)自定義內(nèi)容模塊,這個(gè)模塊是一個(gè)圖片堆成的心形圖案,用于美化;自己可以變通一下,將代碼中的一兩張圖片換成自己的寶貝圖片+鏈接
添加模塊--自定義內(nèi)容區(qū)--在源碼模式下將 4自定義內(nèi)容模塊【心形】.html 這個(gè)文件的代碼復(fù)制進(jìn)去,設(shè)置不顯示標(biāo)題,保存,效果如下圖
步驟6、增加搜索欄:添加模塊--搜索店內(nèi)寶貝
步驟7、店鋪公告欄代碼安裝:添加模塊--自定義內(nèi)容區(qū)--在源碼模式下將 5自定義內(nèi)容模塊【店鋪公告】.html 這個(gè)文件的代碼復(fù)制進(jìn)去,設(shè)置不顯示標(biāo)題,保存,效果如下圖
步驟8、950寬熱銷寶貝展現(xiàn)區(qū)域:
(1)熱銷寶貝欄目條:添加模塊--自定義內(nèi)容區(qū)--在源碼模式下將 6自定義內(nèi)容模塊【950欄目條代碼】.html 這個(gè)文件的代碼復(fù)制進(jìn)去,設(shè)置不顯示標(biāo)題,保存;
(2)寶貝推薦設(shè)置:添加模塊--寶貝推薦--寶貝設(shè)置,寶貝數(shù)量12(4的倍數(shù),因?yàn)橄乱徊斤@示設(shè)置是一行展現(xiàn)4個(gè)寶貝);顯示設(shè)置:一行展示4個(gè)寶貝;不顯示標(biāo)題;設(shè)置如下圖
步驟9、左側(cè)欄設(shè)置店鋪收藏圖片:上存裝修宅提供的店鋪收藏圖片到圖片空間,左側(cè)添加模塊--自定義內(nèi)容區(qū)--將圖片空間代碼復(fù)制進(jìn)去,設(shè)置教程可以看http://www.djres.cn/html/jiaocheng/857.html
步驟10、右側(cè)欄輪播圖片設(shè)置:添加模塊--圖片輪播,上存裝修宅提供的素材,按照下圖步驟添加,
顯示標(biāo)題:不顯示:模塊高度:324px(裝修宅提供的輪播廣告圖高度正是324px)
步驟11、750熱銷寶貝展現(xiàn)區(qū)域:
(1)750寬熱銷寶貝欄目條:添加模塊--自定義內(nèi)容區(qū)--在源碼模式下將7自定義內(nèi)容模塊【750欄目條代碼】.html 這個(gè)文件的代碼復(fù)制進(jìn)去,設(shè)置不顯示標(biāo)題,保存;
(2)寶貝推薦設(shè)置:添加模塊--寶貝推薦--寶貝設(shè)置,寶貝數(shù)量12(填3的倍數(shù)就行,因?yàn)橄乱徊斤@示設(shè)置是一行展現(xiàn)3個(gè)寶貝);顯示設(shè)置:一行展示3個(gè)寶貝;不顯示標(biāo)題;設(shè)置如下圖
步驟12、950熱銷寶貝展現(xiàn)區(qū)域:
(1)950寬熱銷寶貝欄目條:添加模塊--自定義內(nèi)容區(qū)--在源碼模式下將6自定義內(nèi)容模塊【950欄目條代碼】.html 這個(gè)文件的代碼復(fù)制進(jìn)去,設(shè)置不顯示標(biāo)題,保存;
(2)寶貝推薦設(shè)置:添加模塊--寶貝推薦--寶貝設(shè)置,寶貝數(shù)量14(填7的倍數(shù)就行,因?yàn)橄乱徊斤@示設(shè)置是一行展現(xiàn)7個(gè)寶貝);顯示設(shè)置:一行展示7個(gè)寶貝;不顯示標(biāo)題;設(shè)置如下圖
步驟13、店鋪底部代碼安裝:
添加模塊--自定義內(nèi)容區(qū)--在源碼模式下將 8店鋪底部代碼.html 這個(gè)文件的代碼復(fù)制進(jìn)去,設(shè)置不顯示標(biāo)題,保存;
終于寫完這個(gè)裝修教程?。。≡诘赇佈b修模板過(guò)程中如果有不明白,可以到咨詢區(qū)提問(wèn),阿宅會(huì)盡快給大家解答的!
查看更多相似文章