返回列表

作者:巨人电商

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

POST TIME:2020-10-22

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

  在淘宝或者天猫页头店招上添加上倒计时代码,原理上是用店招图片来做背景,倒计时代码的固定在背景图片上,最后稍微修改下倒计时的 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怎么做淘宝主图水印?详解教程

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

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