如何在 Woocommerce 中修改小部件的 innerHTML

Question

我试图通过在类别列表小部件中显示“特价！-50%”文本来表明其中一个类别正在促销。

我显然不能也不会修改类别名称以包含此文本。

这是网站：https://demo.wpdesk.org/michalkleszko23gmailcom/

Answer 1

也许最快的方法是写一个简短的 javascript，它将编辑文本。因此，如果您的小部件具有 id="block-5"（根据演示），您只需将替换脚本添加到您的类别小部件下的下一个自定义 HTML 小部件中。

<script>
document.getElementById('block-5').innerHTML = document.getElementById('block-5').innerHTML.replace("Albums", "Albums <div style=\"color:red\">ON SALE! -50%</div>");
</script>