一：媒介


立刻电商年底大促双十一要开始了，淘宝店铺都在告急备战中，特殊是美工，各种页面计划装修，各种加班。
以是米色加班编写了一个双十一淘宝店铺店铺宝贝展示的代码模板。美工只必要复制代码到DW内里，更换笔墨，图片，链接即可快速在淘宝店铺装修一个店铺宝贝展示的结果。
由于是模板，以是样式或许是固定的，不外你有代码底子，也可以修改店铺宝贝展示的结果。
二：我要吐槽

有小同伴要吐槽了，我在PS内里直接计划好，只要放图片就可以嘛，搞这么贫苦干什么？
答：PS内里涉及图片是方便，但是假如老板要修改主图大概文案等内容呢？假如老板以为一排4个不悦目，换成1排3个呢？假如一个店铺宝贝展示内里，有多个链接怎么办？
以是直接将米色的代码模板，举行修改，方便快捷。下面会有具体阐明，看完你就知道这个代码模板的妙处了。
三：结果展示


由于一排4个的截图太长，不方便做封面，以是只截取了2个店铺宝贝展示。

四：代码阐明

【留意】：为了方便差别底子的小同伴利用，米色专门编写了2个版本的代码模板，根据必要下载利用
【作者】：米色（miseu）
【实用】：淘宝店（由于没有天猫店测试，以是理论上也实用于天猫店）
【权限】：无需购买CSS权限
版本一：完善概念版

留意下面代码均为没有全屏的，由于差别版本淘宝店铺，全屏代码会不一样。必要全屏，可以利用下面的全屏天生工具
【利用】：

• 为了方便利用，在代码中已经做了具体的笔墨阐明
  
• 假如必要全屏，可以利用我编写的全屏工具，不会用，看利用教程。工具地点：http://www.mgsns.com/portal.php?mod=topic&topicid=7
  
• 下面全部的灰色解释笔墨，在淘宝店铺内里不会表现，放心复制
  
• 留意，这是完善概念版，也就是可拓展性非常高，但是不敢包管，天猫和淘宝店 是不是都可以清算浮动，假如不能清浮动，或许导致背景致不表现。
  
• 可随意修改内容部门宽度。
  
• 可随意修改一排放多少店铺宝贝，只必要修改一个数值，就可以随意切换一排的个数。
  
• 可随意添加店铺宝贝个数，想放几个 直接复制粘贴即可
  
• 代码的利用，下面已经写了完备的笔墨阐明
  
• 代码中全部的图片，链接，笔墨均可随意修改
  

【源码下载】：
由于不能发网盘链接，以是直接放的代码，复制到DW内里修改利用

• 
  
  
  宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
  
• 
  
  
  宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
• 
  
  
  宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
• 
  
  
  宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
  
  

版本二：固定守旧版

【利用】：

• 为了方便利用，在代码中已经做了具体的笔墨阐明
  
• 假如必要全屏，可以利用我编写的全屏工具，不会用，看利用教程。工具地点：http://www.mgsns.com/portal.php?mod=topic&topicid=7
  
• 下面全部的灰色解释笔墨，在淘宝店铺内里不会表现，放心复制
  
• 这是守旧版，也就是尺寸都固定了，而且一排只能放4个店铺宝贝
  
• 假如有代码底子，可随意修改代码来表现店铺宝贝展示方式
  
• 代码的利用，下面已经写了完备的笔墨阐明
  
• 代码中全部的图片，链接，笔墨均可随意修改
  

【源码分享】：

• 
  
  [img=100%,256]http://img.alicdn.com/imgextra/i4/675431384/TB2gEFrlbxmpuFjSZJiXXXauVXa_!!675431384.jpg[/img]
  店铺宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
  
• 
  
  [img=100%,256]http://img.alicdn.com/imgextra/i4/675431384/TB2gEFrlbxmpuFjSZJiXXXauVXa_!!675431384.jpg[/img]
  店铺宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
• 
  
  [img=100%,256]http://img.alicdn.com/imgextra/i4/675431384/TB2gEFrlbxmpuFjSZJiXXXauVXa_!!675431384.jpg[/img]
  宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
• 
  
  [img=100%,256]http://img.alicdn.com/imgextra/i4/675431384/TB2gEFrlbxmpuFjSZJiXXXauVXa_!!675431384.jpg[/img]
  宝贝卖点形貌
  
  宝贝标题笔墨部门
  
  
  
  
  预售价：￥3899
  
  
  
  
  
  劵
  150元
  
  点击购买
  
  
  
  
  
  
  
  
  

版权声明

1、转载或引用本网站内容须注明原网址，并标明本网站网址(http://www.tao92.com)。

2、转载或引用本网站中的署名文章，请按规定向原作者支付稿酬。

3、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失，本网站不承担责任。

4、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利。

咖啡精灵

来学习下,每天学习才能不断地进步 开好淘宝店

ktp21011

来论坛来学习淘宝知识的

gangx

很好学习了

taihe666

看看学习下 支持个