350装修平台已服务318多万家 淘宝店装修,拥有25万多个 350代理, 今日已售488 套模板 客户端下载 350教程论坛 350后台登陆 咨询邮箱 咨询邮箱:350@seo-lv.com 350模板官方微博 350模板微信
淘宝手机无线专享区店铺装修代码
发表日期: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;">&yen;<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">原价 &yen;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;">节省 &yen;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;">&yen;<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">原价 &yen;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;">节省 &yen;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店铺模板

查看模板 注册领取

手机模板

350手机模板

查看模板 注册领取

详情模板

350详情模板

查看模板 注册领取

免费领取

海报模板

350海报模板

在线设计

购买/价格

工具

350更多工具

350主图视频 更多工具
标签:    
如没特殊注明,文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/338.html
相关文章推荐