Mostrare il Prezzo Scontato Prima del Prezzo Regolare (WooCommerce)

Devi modificare questo nel file functions.php

if (!function_exists('my_commonPriceHtml')) {

function my_commonPriceHtml($price_amt, $regular_price, $sale_price) {
    $html_price = '<p class="price">';
    //se il prodotto è in sconto
    if (($price_amt == $sale_price) && ($sale_price != 0)) {
        $html_price .= '<ins>' . wc_price($sale_price) . '</ins>';
        $html_price .= '&nbsp;&nbsp;<del>' . wc_price($regular_price) . '</del>';
    }
    //in sconto ma gratuito
    else if (($price_amt == $sale_price) && ($sale_price == 0)) {
        $html_price .= '<ins>Gratis!</ins>';
        $html_price .= '<del>' . wc_price($regular_price) . '</del>';
    }
    //non in sconto
    else if (($price_amt == $regular_price) && ($regular_price != 0)) {
        $html_price .= '<ins>' . wc_price($regular_price) . '</ins>';
    }
    //prodotto gratuito
    else if (($price_amt == $regular_price) && ($regular_price == 0)) {
        $html_price .= '<ins>Gratis!</ins>';
    }
    $html_price .= '</p>';
    return $html_price;
}

}

add_filter('woocommerce_get_price_html', 'my_simple_product_price_html', 100, 2);

function my_simple_product_price_html($price, $product) {
if ($product->is_type('simple')) {
    $regular_price = $product->regular_price;
    $sale_price = $product->sale_price;
    $price_amt = $product->price;
    return my_commonPriceHtml($price_amt, $regular_price, $sale_price);
} else {
    return $price;
}
}

add_filter('woocommerce_variation_sale_price_html', 'my_variable_product_price_html', 10, 2);
add_filter('woocommerce_variation_price_html', 'my_variable_product_price_html', 10, 2);

function my_variable_product_price_html($price, $variation) {
$variation_id = $variation->variation_id;
//creazione dell'oggetto prodotto
$variable_product = new WC_Product($variation_id);

$regular_price = $variable_product->regular_price;
$sale_price = $variable_product->sale_price;
$price_amt = $variable_product->price;

 return my_commonPriceHtml($price_amt, $regular_price, $sale_price);
 }

add_filter('woocommerce_variable_sale_price_html', 'my_variable_product_minmax_price_html', 10, 2);
add_filter('woocommerce_variable_price_html', 'my_variable_product_minmax_price_html', 10, 2);

function my_variable_product_minmax_price_html($price, $product) {
$variation_min_price = $product->get_variation_price('min', true);
$variation_max_price = $product->get_variation_price('max', true);
$variation_min_regular_price = $product->get_variation_regular_price('min', true);
$variation_max_regular_price = $product->get_variation_regular_price('max', true);

if (($variation_min_price == $variation_min_regular_price) && ($variation_max_price == $variation_max_regular_price)) {
    $html_min_max_price = $price;
} else {
    $html_price = '<p class="price">';
    $html_price .= '<ins>' . wc_price($variation_min_price) . '-' . wc_price($variation_max_price) . '</ins>';
    $html_price .= '<del>' . wc_price($variation_min_regular_price) . '-' . wc_price($variation_max_regular_price) . '</del>';
    $html_min_max_price = $html_price;
}

return $html_min_max_price;
}

Ho provato a farlo da solo e questo è il mio codice price.php. Devi solo aggiungere un po' di CSS in base alle tue esigenze.

Prima, rimuovi il codice esistente

'<p class="'.esc_attr( apply_filters( 'woocommerce_product_price_class', 'price' ) ).'">'.$product->get_price_html().'</p>';

Poi inserisci questo codice:

global $product;
$product_id = $product->get_id();

if( $product->is_type( 'simple' ) ){
    $regular_price = $product->get_regular_price();
    $sale_price = $product->get_sale_price();
    $discount = ($sale_price/$regular_price)*100;

echo    '<ul class="'.esc_attr( apply_filters( 'woocommerce_product_price_class', 'price')).'">
            <li class="sale_price"><span class="woocommerce-Price-currencySymbol">'.get_woocommerce_currency_symbol().'</span>'.$sale_price.'</li>
            <li class="regular_price"><span class="woocommerce-Price-currencySymbol">'.get_woocommerce_currency_symbol().'</span>'.$regular_price.'</li>
            <li class="disc">'.round($discount,0).'% Sconto</li>
            <div class="clear"></div>
        </ul>';
} elseif( $product->is_type( 'variable' ) ){
    // Prezzo normale minimo e massimo
    $min_regular_price = $product->get_variation_regular_price( 'min' );
    $max_regular_price = $product->get_variation_regular_price( 'max' );

    // Prezzo scontato minimo e massimo
    $min_sale_price = $product->get_variation_sale_price( 'min' );
    $max_sale_price = $product->get_variation_sale_price( 'max' );

    // Prezzo attivo minimo e massimo
    $min_price = $product->get_variation_price( 'min' );
    $max_price = $product->get_variation_price( 'max' );
    $var_discount = ($min_sale_price/$min_regular_price)*100;

echo    '<ul class="'.esc_attr( apply_filters( 'woocommerce_product_price_class', 'price')).'">
            <li class="sale_price"><span class="woocommerce-Price-currencySymbol">'.get_woocommerce_currency_symbol().'</span>'.$min_sale_price.'</li>
            <li class="regular_price"><span class="woocommerce-Price-currencySymbol">'.get_woocommerce_currency_symbol().'</span>'.$max_regular_price.'</li>
            <li class="disc">'.round($var_discount,0).'% Sconto</li>
            <div class="clear"></div>
        </ul>';
    }

L'output è

Il prezzo proviene dal file price.php nel plugin WooCommerce. All'interno di questo file c'è una funzione come

$price_html = $product->get_price_html();

Devi commentarla e inserire il seguente codice al posto di questa funzione.

// Prezzo in offerta
<span class="price"><?php echo "Prezzo in offerta:". " " . get_woocommerce_currency_symbol().$product->get_sale_price(); ?></span>
// Prezzo regolare
<span class="price"><?php echo "Prezzo regolare:". " " . get_woocommerce_currency_symbol().$product->get_regular_price(); ?></span> 

e aggiungi le classi in base alle tue esigenze.