淘宝店铺首屏代码分享

为了打破静态导购的局限形势，淘宝平台已经推出视频主图。通过代码装修网店，就是另一种能够让店铺动起来的方式。如今死灰般的静态装修已经慢慢退出主流，卖家们要好好抓紧时间进修，为求达到另一个高度的店铺装修而努力，届时，所获得的销量也不可同日而语。首屏作为店铺的黄金位置，更需要花费心力好好打扮一番。
 

首屏图片尺寸装修代码

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%。