Skip to content

Instantly share code, notes, and snippets.

@alexanderdejong
Created October 6, 2017 14:14
Show Gist options
  • Save alexanderdejong/60508c02eb5ff32b8e16a88936836832 to your computer and use it in GitHub Desktop.
Save alexanderdejong/60508c02eb5ff32b8e16a88936836832 to your computer and use it in GitHub Desktop.
Add Total Price Calculation to your WooCommerce Product Page with AJAX https://alexanderdejong.com/wordpress/wp-tutorial/add-total-price-calculation-woocommerce-product-page-ajax/
add_action( 'woocommerce_single_product_summary', 'woocommerce_total_product_price', 25 );
function woocommerce_total_product_price() {
global $woocommerce, $product;
// let's setup our divs
echo sprintf('<div id="product_total_price" style="font-size: 16px; font-weight: 200;">%s %s</div>',__('Total Price (incl Tax):','woocommerce'),'<span class="price">'. get_woocommerce_currency_symbol() .' ' .$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(0));
}
});
});
</script>
<?php
}
@rodrigompaz
Copy link

Hi Alexander. Great snippet! Thanks.
I can't figure it out to use the price of a variant, the snippet grabs the lower price of the range.
Can you help me?
Thanks.
captura de pantalla 2018-07-31 a las 11 46 37

@pstevens71
Copy link

Is this supposed to work for variable products? It seems to only grab the product base price.

@aghio
Copy link

aghio commented Feb 7, 2019

Hi Alex.... I´m using it but I can´t see the total price on the product page.
What am I doing wrong?

maybe you can take a look: https://cepadevinos.com/producto/zuccardi-blanc-de-blancs/

Thanks for your help.

@Sivustonikkari
Copy link

Where's the Ajax? ;-)

@brunoriggs
Copy link

how to add decimal? Example: 2,00

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment