Jak wyświetlić oszczędność przy przecenionym produkcie?

Hej!

Pokazanie oszczędności przy przecenionym produkcie to jeden z tych detali który realnie wpływa na decyzję zakupową.

Na stronie produktu – przez functions.php

add_action('woocommerce_single_product_summary', 'pokaz_oszczednosc', 11);
function pokaz_oszczednosc() {
global $product;
if (!$product->is_on_sale()) return;
$cena_reg = (float) $product->get_regular_price();
$cena_promo = (float) $product->get_sale_price();
$oszczednosc = $cena_reg - $cena_promo;
$procent = round(($oszczednosc / $cena_reg) * 100);
echo '<p class="oszczednosc">
Oszczędzasz: <strong>' . wc_price($oszczednosc) . ' (' . $procent . '%)</strong>
</p>';
}

Na liście produktów

add_action('woocommerce_after_shop_loop_item_title', 'oszczednosc_na_liscie', 12);
function oszczednosc_na_liscie() {
global $product;
if (!$product->is_on_sale()) return;
$oszczednosc = (float)$product->get_regular_price() - (float)$product->get_sale_price();
$procent = round($oszczednosc / (float)$product->get_regular_price() * 100);
echo '<span class="zaoszczedz">-' . $procent . '%</span>';
}

Stylowanie

.oszczednosc { color: #e74c3c; font-size: 15px; margin: 5px 0; }
.zaoszczedz { background: #e74c3c; color: white; padding: 2px 8px; border-radius: 3px; }

😊