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

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

x



一:媒介


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

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

mTEOwoIeMzXEtMeO.jpg
由于一排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

    主题

    4

    帖子

    619

    积分

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

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    319

    积分

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

    使用道具 举报

    该用户从未签到

    1

    主题

    8

    帖子

    334

    积分

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

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    322

    积分

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

    使用道具 举报

    中级会员

    1

    主题

    4

    帖子

    322

    积分
    这里可以随意广告或签名,发布主题后即可显示,设置方法:右上角【我的设置-个人信息-个性签名】
    • 联系方式
    • 关注我们
    • 社区新手

    Archiver|手机版|小黑屋|淘宝卖家开店运营论坛_淘宝卖家经验交流学习社区  

    Powered by Discuz! X3.3  © 2001-2013 淘九二电商网