• 运营托管
  • 装修设计
  • 摄影拍照
  • 客服外包
  • 全 部 栏 目

    装修设计 运营托管 摄影拍照 营销推广 客服外包 商城入驻 短视频推广 设计素材 电商百科

    前端淘宝倒计时怎么弄?怎么使用代码?

      店铺内推出了一些活动之后,为了渲染气氛,就可以在店铺首页上设置一个倒计时,为了更加方便的操作,需要用到一些代码,那么具体该怎么操作呢?带着这个疑问,跟随开淘小编一起去学习一下相关的操作流程吧!

      在淘宝或者天猫页头店招上添加上倒计时代码,原理上是用店招图片来做背景,倒计时代码的固定在背景图片上,最后稍微修改下倒计时的 CSS 让其对齐就可以了。

      在店家做活动的时候经常会用到倒计时代码。比如距离活动结束(开始)还有多长时间多长时间的。一般网页提供的都是JS代码,但是淘宝上面自定义模块不支持JS代码,会自动删掉。随意下面跟大家分享一下可以用的html倒计时代码。

      在淘宝店招上添加倒计时代码的简单流程:

      一、登陆淘宝中心,进入“首页-店铺装修”页面。

      二、点击店铺招牌的“”编辑“按钮后,如下图中在招牌类型中选择”自定义招牌“。

      织梦内容管理系统

      第三步,选择红色框中的源码按钮,将复制的代码粘贴进去,再点击保存就OK了!

      div class="skin-box-bd clear-fix">

      div class="J_TWidget" data-widget-config="{'endTime': '2022-10-12 00:00:00','interval': 1000,'timeRunCls': '.ks-countdown-run','timeUnitCls':{'d': '.ks-d','h': '.ks-h','m': '.ks-m','s': '.ks-s'},'minDigit': 1,'timeEndCls': '.ks-countdown-end'}" data-widget-type="Countdown" style="color:#000;text-align:center;font-size:16px;">

      div class="ks-countdown-run">

      span class="ks-d">100 天 10 小时 10 span>分 10 秒

      div class="ks-countdown-end" style="display:none;">

      亲,活动开始啦!!

      /div>

      /div>

      提醒大家,在复制粘贴的时候,要注意把上面的2022-10-12时间替换成你要到什么时候结束的时间就可以了!如果你想了解更多可以咨询,这里有最全面的资源。

      推荐阅读:

      ps怎么做淘宝主图水印?详解教程

      淘宝店铺主图怎么做?淘宝主图设计技巧

      如何做一个好的淘宝宝贝主图制作技巧?

    上一篇:淘宝详情页优化方案:想要有新意该如何优化?
    下一篇:在线学常用英语口语哪家好?要注意什么技巧?

    © 2016-2020 巨人电商

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信