如何给产品详情页添加倒计时折扣
我们在搭建独立站的时候经常希望给产品详情页添加一些折扣倒计时的功能，增加用户下单的紧迫感。
这个功能并不难实现，下面就一步一步看一下如何操作。
免费主题
随便打开一个新的页面，先把倒计时折扣的样式做出来，都是一些非常简单的元素。可以参考下面的截图结构制作。
然后选中做好的倒计时折扣，复制。
到对应的产品编辑页面，找到下面的简短描述，切换到代码，把复制的内容粘贴在里面。
然后保存到前台就可以看到了。
这种方式不好的地方在于每个产品都要重复操作一遍，很麻烦，而且每次修改时间也得重新再将上面步骤走一遍，很麻烦。如果你会使用Shortcoder的话，可能还是可以简化一些工作量的。
Pro版本
相较于免费版本的操作，Pro的便捷性明显高很多。
到产品详情页的前台，选择上面的Hooks Locations，打开下面有个Hide WooCommerce Hooks，点击后可以看到页面有很多黄色的预留区域，找到合适的位置，然后点击对应后面的铅笔。
也是跳转到内容模块编辑页面，像上面一样，做个倒计时折扣的展示。
然后选择右上角Blocksy的图标，点击显示条件，可以设置在哪个，哪类，哪些页面显示这个倒计时折扣元素，这样一次修改就可以同步到所有位置。
而且可以在后台的Content Blocks里很方便地修改这部分内容。
除了倒计时地元素，你还可以自定义其他各种元素或者样式，非常方便，各位还是自己试试吧！
© 文章版权归白小菌所有，🫰欢迎转发分享。未经允许请勿抄袭转载。
