Javascript 在客户单击按钮后，在WooCommerce中显示产品的价格

客户要求在电子商店中每个产品的价格都不可见，直到客户点击按钮。到目前为止，jQuery/javascript作为一种解决方案似乎更合适，我想知道我是否还遗漏了一些东西（例如PHP中的代码方面的东西）可以提供更多帮助。

当然也只适用于PHP，但页面需要刷新，所以我建议使用javascript onclick事件，在激活时显示隐藏字段。

---

不确定这是否回答了您的问题，因为我不太确定这是什么。

我请求您在以后提问之前发布您尝试过的内容

尽管解决方案就在这里

<div class="product-image">
    <p class="prod-name">Product Name</p>  
    <p class="prod-price" style="display:none" >$1000</p>  
    <input type="button" class="show-price" value="show price"/>
</div>

JS

---

在这里工作小提琴

你能给我看看示例代码吗！！！'添加过滤器（'woocommerce'u get'u price'u html'，'on'u button'u click'）；函数在按钮上单击（$price）{if（用户单击按钮（））{return$price；}“我想这就是我想在functions.php中添加的内容。不是用确切的措辞，而是类似的东西。你可以用jQuery来做，只需隐藏页面加载量，并在用户单击“添加到购物车”按钮时显示，@raghu给出了答案，检查这个示例。是的，我看到了。也谢谢你！有人告诉我页面刷新的情况，如果我使用PHP，那么我想点击jquery/javascript是我的选择。非常感谢您的时间！我会记住在发布我的问题的同时发布我的实验。您的解决方案真的很有帮助，这是一个很好的起点。非常感谢。非常欢迎您！如果您满意，请接受并向上投票答案！谢谢您已经接受。（不过，我还不能投票。）我不会忘记尽快回来，谢谢！

.product-image{
    border:1px solid #ccc;
    width:100px;
    height:100px;
    background-color:#f6f6f6;
}

.prod-name,.prod-price{
    font-size:12px;
    text-align:center;
}

$('.show-price').click(function(){
    $(this).hide();
    $('.prod-price').show();
});