Hướng dẫn cách thay đổi text On Sale Giảm Giá trong sản phẩm 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. Tuy nhiên bạn không biết custom chữ này ở đâu, đây là bài viết giúp bạn làm điều đó. Kéo xuống bước 2 để xem cách làm nhé.

Nếu bạn mới học WordPress chưa giỏi về code, hãy tham khảo mục số 4 nhé.

1. Text On Sale Giảm Giá trong sản phẩm WooCommerce là gì?

2. Cách thay đổi chữ giảm giá như thế nào?

Copy đoạn Hook sau vào file functions.php trong theme các bạn đang sử dụng.

add_filter('woocommerce_sale_flash', 'wpshare247_woocommerce_custom_sale_text', 10, 3);
function wpshare247_woocommerce_custom_sale_text($text, $post, $product){
    $your_text = 'Giảm 50%';
    return '<span class="onsale">'.$your_text.'</span>';
}

3. Hiển thị phần trăm giảm giá tự động

Với chức năng này, nó tự động tính toán giá khuyến mãi Woocommerce (Sale Badges) bạn cài đặt rồi hiển thị % như hình bên trên.

Để thực hiện chức năng này bạn sao chép đoạn code sau vào trong functions.php.

add_filter('woocommerce_sale_flash', 'wpshare247_woocommerce_custom_sale_text', 10, 3);
function wpshare247_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>';
}

4. 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).

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é.