淘宝手机无线专享区店铺装修代码
发表日期:2015-11-03 16:59 文章编辑:350模板官网小编 浏览次数:
2015年的双十一向广大淘宝卖家展示了手机淘宝的实力。仅仅38分钟里,交易额突破百亿,手机支付占了近一半!毋庸置疑,移动端淘宝店铺有着势不可挡的趋势。所以在PC端淘宝店铺放置一个无线专享区模板是一个聪明的店铺装修选择。
以下代码可供卖家们使用。在无线专享区里,每个宝贝都有手机微淘二维码,手机用户就可以轻松扫描下单了。350装修平台温馨提示:以下代码中没有背景颜色,无线专享区店铺装修代码会根据店铺的背景颜色进行调试。
无线专享区店铺装修代码
<div class="sg-hd" style=" color:#fff; overflow:hidden;text-align:center;padding:0 0 10px 0;zoom:1">
<div style="overflow:hidden;">
<h3 style=" font-family:微软雅黑; font-size:46px; line-height:48px; padding:20px 0 5px 0;color:#b05407">无线专享区</h3>
<h4 style="font-family:arial;text-transform:uppercase;overflow:hidden;font-weight: normal;color:#b05407">手机扫一扫,下单更优惠!</h4>
</div>
</div><div class="sg-bd" style="font-family:arial;"> <ul style=" overflow:hidden; clear:both;zoom:1; color:#555;font-family:微软雅黑;"> <li style="float:left;margin:0 10px 0 0;overflow:hidden; background:#fff8e4; padding:20px;width:428px;border:1px solid #f6cb55"> <a style="display:block; width:220px; height:220px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322030691375869/T1OaesFglgXXXXXXXX_!!0-item_pic.jpg_220x220.jpg) no-repeat center center;overflow:hidden;float:left" href="展示的宝贝链接" target="_blank"></a> <div style="float:right;width:188px;"> <a style="color:#454545;font-weight:500;font-size:14px;display:block;height:40px;line-height:20px;overflow:hidden;margin-top:0px" href="展示的宝贝链接" target="_blank">展示的宝贝题目</a> <div style="display:block;height:40px; line-height:40px;font-size:14px;margin:3px 0"> 新鲜价 <b style="color:#e4393c;font-size:16px;">¥<span style="font-size:30px;font-family:arial">30.00</span></b> </div> <div style="border:1px solid #f1ddc4;overflow:hidden;background:#fff"> <div style="float:left;width:95px;line-height:29px;"> <span style="padding-left:8px;display:block;height:29px;border-bottom:1px solid #f1ddc4">原价 ¥30.00</span> <span style="padding-left:8px;display:block;height:29px;border-bottom:1px solid #f1ddc4">折扣 无</span> <span style="padding-left:8px;display:block;height:29px;">节省 ¥0</span> </div> <div style="float:right;border-left:1px solid #f1ddc4;width:90px;height:90px;background:url(http://gqrcode.alicdn.com/img?shop_id=59633421&type=cs&w=90&h=90) no-repeat"></div> </div> </li> </ul> </div><a name="sgmb"></a>
以上代码为无线专享区店铺装修代码。如果卖家朋友们想要增加无线专享区展示的宝贝,在以上代码结尾处最后一个“</li>”前复制粘贴以下代码即可:
<a style="display:block; width:220px; height:220px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322030691375869/T1OaesFglgXXXXXXXX_!!0-item_pic.jpg_220x220.jpg) no-repeat center center;overflow:hidden;float:left" href="展示的宝贝链接" target="_blank"></a> <div style="float:right;width:188px;"> <a style="color:#454545;font-weight:500;font-size:14px;display:block;height:40px;line-height:20px;overflow:hidden;margin-top:0px" href="展示的宝贝链接" target="_blank">展示的宝贝题目</a> <div style="display:block;height:40px; line-height:40px;font-size:14px;margin:3px 0"> 新鲜价 <b style="color:#e4393c;font-size:16px;">¥<span style="font-size:30px;font-family:arial">30.00</span></b> </div> <div style="border:1px solid #f1ddc4;overflow:hidden;background:#fff"> <div style="float:left;width:95px;line-height:29px;"> <span style="padding-left:8px;display:block;height:29px;border-bottom:1px solid #f1ddc4">原价 ¥30.00</span> <span style="padding-left:8px;display:block;height:29px;border-bottom:1px solid #f1ddc4">折扣 无</span> <span style="padding-left:8px;display:block;height:29px;">节省 ¥0</span> </div> <div style="float:right;border-left:1px solid #f1ddc4;width:90px;height:90px;background:url(http://gqrcode.alicdn.com/img?shop_id=59633421&type=cs&w=90&h=90) no-repeat"></div> </div>
想要添加多少个展示的宝贝就复制多少次上面的代码。装修店铺是为了取得更多的流量和销量。所以装修店铺要跟着趋势走,哪里引流比较多就精心装修哪个模块。卖家朋友们可以试试无线专享区店铺装修代码给你带来的改变。
标签:
如没特殊注明,文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/338.html
咨询邮箱:

