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