Клиент попросил, чтобы цены не были видны для каждого продукта в интернет-магазине, пока клиент не нажмет на кнопку. Пока jQuery/javascript, как решение этого, кажется более уместным, мне было интересно, есть ли что-то еще, что мне не хватает (например, код в PHP), который поможет больше.Показать цену продукта в WooCommerce после нажатия кнопки клиентом
Прошу вас отправить то, что вы пробовали, прежде чем спрашивать в будущем!
хотя решение здесь
<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;
}
JS
$('.show-price').click(function(){
$(this).hide();
$('.prod-price').show();
});
Работа скрипку здесь http://jsfiddle.net/raghuchandrasorab/njt1sfew/1/
Я буду помнить о публикации моих экспериментов вместе с моим вопросом. Ваше решение действительно помогает в качестве отличного момента для начала. спасибо. – Katie
Добро пожаловать! принимайте и голосуйте ответы, если вы удовлетворены! Спасибо –
Просто принят. (пока еще нет голосов). Я не забуду вернуться и сделать это, как только я смогу! Большое спасибо! – Katie
Уверен, что работает только с php, но страница должна обновиться, поэтому я рекомендую использовать Javascript onclick, отображающее скрытое поле при активации. Не уверен, что это отвечает на ваш вопрос, так как я не совсем уверен, что это было.
Мне сообщили об обновлении страницы, если я использовал PHP, поэтому я думаю, что jquery/javascript на клике - это мой путь. Большое спасибо за ваше время! – Katie
вы можете показать мне пример кода !!! – chanchal
'add_filter (' woocommerce_get_price_html ',' on_button_click '); функция on_button_click ($ price) { if (user_clicks_button()) { return $ price; } ' Я предполагаю, что это то, что я имел в виду, добавляя в функции functions.php. Не с точной формулировкой, а с чем-то подобным. – Katie
Вы можете сделать это с помощью jQuery, просто спрячьте количество на загрузке страницы и покажите, когда пользователь нажимает кнопку «добавить в корзину», @raghu дал ответ, проверьте этот пример http://jsfiddle.net/raghuchandrasorab/njt1sfew/1/ – chanchal