Hiện thị % giảm giá bên cạnh giá sản phẩm

Thấy một số AE hỏi cách hiện thị % giảm giá bên cạnh giá sản phẩm giống như hình bên dưới.

AE sử dụng code bên dưới dán vào functions.php.

add_filter('woocommerce_sale_flash', '__return_null');
add_filter('woocommerce_get_price_html', 'woo_saved_sales_price', 10, 2);
function woo_saved_sales_price($price, $product)
{
    if ('simple' === $product->get_type()) {
        $percentage = round((($product->regular_price - $product->sale_price) / $product->regular_price) * 100);
        if ($percentage == "100") {
            return $price;
        } else {
            return $price . sprintf(__('<strong style="border-radius: 2px;background-color: #f14203;color: #ffff;font-size: 11px;margin-left: 5px;padding: 2px;">-%s</strong>', 'woocommerce'), $percentage . '%');
        }
    }
}

Ngoài ra AE muốn ở phần shop, catefory chỉ hiện thị giá Sale + % giảm giá, bỏ đi giá gốc thì dán thêm đoạn code dưới đây vào functions.php nữa nhé.

add_filter('woocommerce_format_sale_price', 't9kk_woo_sale_price', 20, 3);
function t9kk_woo_sale_price($price, $regular_price, $sale_price)
{
    if (!is_product()) {
        return wc_price($sale_price);
    }
    return $price;
}

Kết quả