!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>WordPress如何实现商品秒杀促销倒计时功能

WordPress如何实现商品秒杀促销倒计时功能

我们在使用WordPress建立商城网站的项目中,我们如果想要添加一个活动倒计时的效果,类似于某宝的聚划算,限时秒杀等活动,应该如何实现呢?今天就来教大家利用短代码+参数实现任意调用。既简单又方便,有需要的来看看吧!

WordPress如何实现商品秒杀促销倒计时功能

功能比较简单,首先参数必须完整,年月日时分秒一个都不能少,并且在一个页面上还只能出现一个倒计时,限制比较大。于是我在此基础上整理了下代码,完善了一下功能。

首先是 PHP 部分,以下代码加入主题的 function.php

然后是JS部分,将下面代码另存为 countdownjs.js 文件,并上传到主题 js 文件夹里:

调用方法:

其中参数 prefix 允许在同一个页面调用多个不同的短代码,只要每个的 prefix 不同即可

标签内部的“活动已结束”可以改成任何文本或 HTML 代码

如果在 time 参数中把时分秒省略,会默认时分秒为 23:59:59,也就是当天最后一秒,这对一些只需精确到天的倒计时还是比较有用的

也可以用 do_shortcode 在主题模板上直接调用:

css部分看个人需,大家根据个人爱好自行脑补。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress如何一次性列出当前文章页面的所有自定义字段(wordpress所有文章怎么显示)

2022-9-14 11:52:07

网站运维

WordPress添加作者信息小工具(wordpress私信插件)

2022-9-14 12:30:51

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索