在客戶點擊一個按鈕後，顯示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中產品的價格

回答

相關問題