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.
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(); } });