為了打破靜態(tài)導(dǎo)購(gòu)的局限形勢(shì),淘寶平臺(tái)已經(jīng)推出視頻主圖。通過(guò)代碼裝修網(wǎng)店,就是另一種能夠讓店鋪動(dòng)起來(lái)的方式。如今死灰般的靜態(tài)裝修已經(jīng)慢慢退出主流,賣(mài)家們要好好抓緊時(shí)間進(jìn)修,為求達(dá)到另一個(gè)高度的店鋪裝修而努力,屆時(shí),所獲得的銷(xiāo)量也不可同日而語(yǔ)。首屏作為店鋪的黃金位置,更需要花費(fèi)心力好好打扮一番。
首屏圖片尺寸裝修代碼
C店
<*div style="height:圖片高度">
<*div class="footer-more-trigger" style="padding:0; top:auto;left:50%">
<*div class="footer-more-trigger" style="padding:0;top:auto; left:-960px">大圖(內(nèi)容區(qū)域)</div>
</div></div>
天貓店
<*div style="height:圖片高度">
<*div class="sn-simple-logo" style="padding:0; top:auto;left:50%">
<*div class="sn-simple-logo" style="padding:0; top:auto;left:-960px">你的大圖(內(nèi)容區(qū)域)</div>
</div></div>
以上為基礎(chǔ)版的首屏裝修代碼。大家可以注意到,每一段完整的代碼都有開(kāi)始和結(jié)尾,比如“<div>……</div>”。不要以為此代碼符號(hào)沒(méi)有實(shí)質(zhì)意義而刪除掉。<div style="height=圖片高度px">這里,賣(mài)家需要在“=”號(hào)后面設(shè)置圖片的高度;“width”表示寬度。
使用代碼裝修網(wǎng)店還有一個(gè)好處——可以快速消除圖片/模板間的間隙。比如高度為<divstyle="height:460px;">,如果下面出現(xiàn)10px的間隙,我們可以把高度調(diào)整為<divstyle="height:450px">
首屏居中樣式裝修代碼
C店
<*div class="footer-more-trigger" style="padding:0;top:auto; left:50%"><*div class="footer-more-trigger" style="padding:0;top:auto; left:-960px">
天貓店
<*div class="sn-simple-logo" style="padding:0; top:auto;left:50%"><*div class="sn-simple-logo" style="padding:0; top:auto;left:-960px">
在這個(gè)代碼中,我們可以看到,居中模式的代碼是一樣的,只是天貓店和C點(diǎn)對(duì)于首屏的代碼稱(chēng)呼不同。“div class="footer-more-trigger”可以理解成為淘寶大屏的一個(gè)固定樣式,最好不要修改。
“style="padding:0; top:auto; left:50%"style="padding:0; top:auto; left:-960px"中,“padding:0”指的是去除內(nèi)容到最外層的間距為0;top:auto 指的是內(nèi)容到上邊的距離為0,如果這時(shí)候?qū)Ш较掠?0個(gè)像素的間隙,我們不想要的話(huà)可以將此截代碼調(diào)整為top:-10px;left:50%指的是內(nèi)容到左邊的距離為寬度的50%。