我需要在数量发生变化时在产品页面中显示总价。
如果您在购物车中添加产品数量,则这与购物车中的行价格相同。
我对 WooCommerce 还很陌生,所以我不知道从哪里开始。但如果有人能帮助我走向正确的方向,我想我可以自己应对。
所以这是我应该如何做的想法。
我想我的jquery会是这样的。
jQuery(document).ready(function($){
$('.qty').on('change',function(){
// grab the price
var price = $('[itemprop="price"]').attr('content');
var total_price = price * this.value;
console.log(price, this.value, total_price);
});
})
这在粘贴到控制台时有效。但我不确定将该代码放在 WooCommerce 上的何处。
你就快到了...试试这个,将其粘贴到你的functions.php中
add_action( 'woocommerce_single_product_summary', 'woocommerce_total_product_price', 31 );
function woocommerce_total_product_price() {
global $woocommerce, $product;
// let's setup our divs
echo sprintf('<div id="product_total_price" style="margin-bottom:20px;">%s %s</div>',__('Product Total:','woocommerce'),'<span class="price">'.$product->get_price().'</span>');
?>
<script>
jQuery(function($){
var price = <?php echo $product->get_price(); ?>,
currency = '<?php echo get_woocommerce_currency_symbol(); ?>';
$('[name=quantity]').change(function(){
if (!(this.value < 1)) {
var product_total = parseFloat(price * this.value);
$('#product_total_price .price').html( currency + product_total.toFixed(2));
}
});
});
</script>
<?php
}
source: http://reigelgallarde.me/programming/show-product-price-times-selected-quantity-on-woocommecre-product-page/ http://reigelgallarde.me/programming/show-product-price-times-selected-quantity-on-woocommecre-product-page/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)