|
马上注册,结交更多淘宝商家,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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个店铺宝贝
- 假如有代码底子,可随意修改代码来表现店铺宝贝展示方式
- 代码的利用,下面已经写了完备的笔墨阐明
- 代码中全部的图片,链接,笔墨均可随意修改
【源码分享】:
|
上一篇:要跟阿里、京东抢买卖?头条低调进军电商行业下一篇:区块链热风吹进网贷圈
|