Author is Aleš Sýkora
Updated: 20. 9. 2022, Added: 22. 3. 2022
Display WooCommerce variation price as main price in Oxygen Builder
Javascript
(function($) {
$(document).ready(function() {
var originePrice = $(".oxy-product-price .price").html();
$('.variations_form').on('woocommerce_variation_has_changed', function() {
if ($(".variations_form select").val() == '') {
$(".oxy-product-price .price").html(originePrice);
} else if ($(".woocommerce-variation-price .woocommerce-Price-amount").length) {
var variationPrice = $(".woocommerce-variation-price .woocommerce-Price-amount").html();
$(".oxy-product-price .price").html(variationPrice);
}
});
});
})(jQuery);
Css
CSS:
.woocommerce-variation-price .price {
display: none;
}
Hah, amazing! Perfect solve. Thank you!
No problemo! Have a great day!