在客户点击一个按钮后，显示WooCommerce中产品的价格

-1

客户要求价格在电子商店中的每件产品都不可见，直到客户点击一个按钮。到目前为止，作为解决方案，jQuery/javascript似乎更合适，我想知道是否还有别的东西我缺少（代码明智，例如PHP），这将有助于更多。在客户点击一个按钮后，显示WooCommerce中产品的价格

来源

2014-10-31 Katie

你能告诉我的示例代码！ – chanchal 2014-10-31 10:38:08

'add_filter（'woocommerce_get_price_html'，'on_button_click'）;功能on_button_click（$ price）{ if（user_clicks_button（））{ return $ price; }' 我想这是我心中加入的functions.php。不是用确切的措词，而是类似的东西。 – Katie 2014-10-31 10:52:10

你可以用jQuery做到这一点，只需隐藏页面加载数量并显示用户点击'添加到购物车'按钮，@raghu给出了答案，检查这个例子http://jsfiddle.net/raghuchandrasorab/njt1sfew/1/ – chanchal 2014-10-31 10:58:44

我请求你发布你以前在SO中试用过的东西！

虽然解决方案是在这里

<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>

的CSS

.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(); 
});

在这里工作的小提琴http://jsfiddle.net/raghuchandrasorab/njt1sfew/1/

来源

2014-10-31 10:46:48

我会记住关于发布我的实验以及我的问题。您的解决方案非常有帮助，作为一个伟大的开始点。非常感谢。 – Katie 2014-10-31 11:00:36

非常欢迎您！如果你满意，接受并投票答案！谢谢 – 2014-10-31 11:01:23

刚接受。（虽然还没有投票）。我不会忘记回来，尽快，尽快，我可以！非常感谢你！ – Katie 2014-10-31 11:10:48

当然也适用于PHP，但页面需要刷新，所以我建议使用Javascript onclick事件，当激活时显示一个隐藏的字段。不知道这是否回答你的问题，因为我不太确定它是什么。

来源

2014-10-31 10:42:20 Som1

我被告知有关页面的刷新，如果我使用PHP，所以我想点击jquery/javascript是我的出路。非常感谢您的时间！ – Katie 2014-10-31 10:54:33

在客户点击一个按钮后，显示WooCommerce中产品的价格

回答

相关问题