Thay chữ Sale Giảm Giá bằng % giảm giá trong WooCommerce

Khi thiết kế Website bán hàng bằng Plugin WooCommerce WordPress, các sản phẩm giảm giá được hiển thị như hình trong các Loop Query. Nhiều khi chúng ta không muốn hiển thị chữ SALE khi sản phẩm đó có chương trình giảm giá. Mà thay vào đó sẽ hiển thị phần trăm (%) giảm giá của sản phẩm đó.

Thay chữ sale giảm giá bằng phần trăm giảm giá trong woocommerce

Bạn chỉ cần thêm đoạn code sau vào file functions.php của theme hoặc child theme trang sử dụng là được nhé

add_filter('woocommerce_sale_flash', 'woocommerce_custom_sale_text', 10, 3);
function woocommerce_custom_sale_text($text, $post, $product){
    $percent_off = 0;
    if($product->is_on_sale()) {
        if($product->is_type( 'variable' ) )
        {
            $regular_price = $product->get_variation_regular_price();
            $sale_price = $product->get_variation_price();
        } else {
            $regular_price = $product->get_regular_price();
            $sale_price = $product->get_sale_price();
        }
        $percent_off = (($regular_price - $sale_price) / $regular_price) * 100;
        $percent_off = round($percent_off);

        $your_text = $percent_off.'%';
        return '<span class="onsale">-'.$your_text.'</span>';
    }
    return '<span class="onsale">'.$text.'</span>';
}

Cài đặt plugin hiển thị giá phần trăm được không?

Đây là phần dành cho các bạn không biết code. Trong kho WordPress có rất nhiều plugin giúp bạn làm điều này. Tuy nhiên để chọn lọc 1 cái hiệu quả, cần phải có kinh nghiệm. Tôi đề xuất bạn dùng cái này nhé: Product Labels For Woocommerce (Sale Badges).

Danh sách plugin hỗ trợ thay đổi phần trăm giảm giá sản phẩm

• Product Labels For Woocommerce (Sale Badges)
• YITH WooCommerce Badge Management

Bạn đăng nhập vào tài khoản admin WordPress tìm và cài đặt plugin này nhé.