Отобразить цену продажи до обычной цены в WooCommerce

Question

Я новый участник и слаб в программировании.Я хочу показать цену продажи перед обычной ценой (как прикрепить изображения).Я определил, что здесь есть woocommerce_before_variations_form.Вот код, который нужно отредактировать на крючке.

// define the woocommerce_before_variations_form callback
function action_woocommerce_before_variations_form () {
     // make action magic happen here ...
};
         
// add the action
add_action ('woocommerce_before_variations_form', 'action_woocommerce_before_variations_form', 10, 0);

Можете ли вы помочь мне показать цену продажи до обычной цены?

Answer 1

Следующий перехваченный код функции покажет цену продажи до обычной цены:

add_filter( 'woocommerce_format_sale_price', 'invert_formatted_sale_price', 10, 3 );
function invert_formatted_sale_price( $price, $regular_price, $sale_price ) {
    return '<ins>' . ( is_numeric( $sale_price ) ? wc_price( $sale_price ) : $sale_price ) . '</ins> <del>' . ( is_numeric( $regular_price ) ? wc_price( $regular_price ) : $regular_price ) . '</del>';
}

Код находится в файле function.php активной дочерней темы (или активной темы).Проверено и работает.

Answer 2

Вы можете решить эту проблему, используя только jQuery и поменять местами элемент, который показывает обычную цену и цену продажи:

$("#element1").before($("#element2"));

или

$("#element1").after($("#element2"));

:)

и еще один на js fiddle https://jsfiddle.net/nak73406/v9k7b5c1/5/