Total : 0.00 €

Change the price position in WooCommerce & WPC

There is a really simple and smart trick to change the position of the price in WooCommerce & WPC.

Follow these steps:

  • Install the "Simple CSS and JS" plugin, you can find it by clicking here: This plugin let you add custom CSS and JS code to your website. This is what we need to change the price position.
  • Create a new JS by clicking on "Custom CSS & JS > Add Custom JS".
  • Copy and paste the JS code below and save the JS code.
  • You're done, now you can see the price position has moved from top to page bottom.
Here is the JS code:
jQuery(document).ready(function( $ ){
    if($(".wpc_simulator_id").length){
      	$(".product .price").hide();
        $( ".wpc-product-form" ).after('<p class="price"><span class="woocommerce-Price-amount amount"></span></div>');
      
      	WooPriceCalculator.calculateProductPrice();
        
    }
});

Cart

Total : 0.00 €