快捷导航
打印 上一主题 下一主题

[店长说说] 米色电商双十一淘宝店铺店铺宝贝展示模板代码分享(淘宝/天猫商城)

[复制链接]
查看: 5826|回复: 18

该用户从未签到

1

主题

58

帖子

485

积分

积分
485
跳转到指定楼层
楼主
发表于 2018-11-30 15:57:19 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多淘宝商家,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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个店铺宝贝
  • 假如有代码底子,可随意修改代码来表现店铺宝贝展示方式
  • 代码的利用,下面已经写了完备的笔墨阐明
  • 代码中全部的图片,链接,笔墨均可随意修改
【源码分享】:














上一篇:要跟阿里、京东抢买卖?头条低调进军电商行业
下一篇:区块链热风吹进网贷圈
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

1

主题

56

帖子

478

积分

积分
478
沙发
发表于 2018-12-9 13:42:10 | 只看该作者
来学习下,每天学习才能不断地进步 开好淘宝店
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

0

主题

54

帖子

473

积分

积分
473
板凳
发表于 2019-1-4 16:16:42 | 只看该作者
来论坛来学习淘宝知识的
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

1

主题

58

帖子

485

积分

积分
485
地板
发表于 2019-1-28 13:45:08 | 只看该作者
很好学习了
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

0

主题

50

帖子

461

积分

积分
461
5#
发表于 2019-11-11 05:14:40 | 只看该作者
看看学习下 支持个
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

0

主题

48

帖子

454

积分

积分
454
6#
发表于 2021-5-7 04:48:03 | 只看该作者
厉害学习到了
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

1

主题

49

帖子

457

积分

积分
457
7#
发表于 2021-5-7 05:42:38 | 只看该作者
不知道实力运用这个方法会怎么样
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

1

主题

64

帖子

502

积分

积分
502
8#
发表于 2021-5-12 07:57:39 | 只看该作者
支持楼主  来学习一下
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

3

主题

53

帖子

469

积分

积分
469
9#
发表于 2021-5-13 13:07:21 | 只看该作者
过来学习啦 哈哈
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

该用户从未签到

5

主题

72

帖子

526

积分

积分
526
10#
发表于 2021-5-23 10:26:02 | 只看该作者
学习到了 赶快利用一下去
这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩推荐

让创业更简单

  • 反馈建议:admin@tao92.com
  • 工作时间:周一到周五 10:00-19:00
  • 淘九二电商网祝您店铺火火火!!!

云服务支持

精彩文章,快速检索

关注我们

Copyright   ©2015-2016  淘宝卖家开店运营论坛_淘宝卖家经验交流学习社区  Powered by©Tuyuanma  技术支持:tao92