|
|
马上注册，结交更多淘宝商家，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
一：媒介
立刻电商年底大促双十一要开始了，淘宝店铺都在告急备战中，特殊是美工，各种页面计划装修，各种加班。
以是米色加班编写了一个双十一淘宝店铺店铺宝贝展示的代码模板。美工只必要复制代码到DW内里，更换笔墨，图片，链接即可快速在淘宝店铺装修一个店铺宝贝展示的结果。
由于是模板，以是样式或许是固定的，不外你有代码底子，也可以修改店铺宝贝展示的结果。
二：我要吐槽
有小同伴要吐槽了，我在PS内里直接计划好，只要放图片就可以嘛，搞这么贫苦干什么？
答：PS内里涉及图片是方便，但是假如老板要修改主图大概文案等内容呢？假如老板以为一排4个不悦目，换成1排3个呢？假如一个店铺宝贝展示内里，有多个链接怎么办？
以是直接将米色的代码模板，举行修改，方便快捷。下面会有具体阐明，看完你就知道这个代码模板的妙处了。
三：结果展示
由于一排4个的截图太长，不方便做封面，以是只截取了2个店铺宝贝展示。
四：代码阐明
【留意】：为了方便差别底子的小同伴利用，米色专门编写了2个版本的代码模板，根据必要下载利用
【作者】：米色（miseu）
【实用】：淘宝店（由于没有天猫店测试，以是理论上也实用于天猫店）
【权限】：无需购买CSS权限
版本一：完善概念版
留意下面代码均为没有全屏的，由于差别版本淘宝店铺，全屏代码会不一样。必要全屏，可以利用下面的全屏天生工具
【利用】：
- 为了方便利用，在代码中已经做了具体的笔墨阐明
- 假如必要全屏，可以利用我编写的全屏工具，不会用，看利用教程。工具地点：http://www.mgsns.com/portal.php?mod=topic&topicid=7
- 下面全部的灰色解释笔墨，在淘宝店铺内里不会表现，放心复制
- 留意，这是完善概念版，也就是可拓展性非常高，但是不敢包管，天猫和淘宝店 是不是都可以清算浮动，假如不能清浮动，或许导致背景致不表现。
- 可随意修改内容部门宽度。
- 可随意修改一排放多少店铺宝贝，只必要修改一个数值，就可以随意切换一排的个数。
- 可随意添加店铺宝贝个数，想放几个 直接复制粘贴即可
- 代码的利用，下面已经写了完备的笔墨阐明
- 代码中全部的图片，链接，笔墨均可随意修改
【源码下载】：
由于不能发网盘链接，以是直接放的代码，复制到DW内里修改利用
版本二：固定守旧版
【利用】：
- 为了方便利用，在代码中已经做了具体的笔墨阐明
- 假如必要全屏，可以利用我编写的全屏工具，不会用，看利用教程。工具地点：http://www.mgsns.com/portal.php?mod=topic&topicid=7
- 下面全部的灰色解释笔墨，在淘宝店铺内里不会表现，放心复制
- 这是守旧版，也就是尺寸都固定了，而且一排只能放4个店铺宝贝
- 假如有代码底子，可随意修改代码来表现店铺宝贝展示方式
- 代码的利用，下面已经写了完备的笔墨阐明
- 代码中全部的图片，链接，笔墨均可随意修改
【源码分享】：
|
上一篇：要跟阿里、京东抢买卖？头条低调进军电商行业下一篇：区块链热风吹进网贷圈
|
发表于 2018-11-30 15:57:19
