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

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

  在淘宝或者天猫页头店招上添加上倒计时代码,原理上是用店招图片来做背景,倒计时代码的固定在背景图片上,最后稍微修改下倒计时的 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时间替换成你要到什么时候结束的时间就可以了!如果你想了解更多可以咨询开淘网,这里有最全面的资源。

  

声明:本网站的文章部分内容可能来源于网络,内容为作者独立观点不代表运营网立场,仅供大家学习与参考,若有图片和内容侵犯了原著者的合法权益,请联系平台管理员yameia88@qq.com ,我们会在2个工作日内查证删除。
装修经验

手机淘宝页面设计的3个误区

2023-7-18 11:23:24

装修经验

淘宝分类页面怎么装修?怎么实现全屏效果?

2023-7-18 11:23:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索