Bài Viết, Thủ thuật wordpress

Code Tự động Cập Nhật Giá Khi Tăng Giảm Số Lượng Trong WooCommerce

Đăng vào Tháng 4 2, 2025Tháng 4 2, 2025 bởi admin

admin

02/04/2025

2 Phút đọc

60 Lượt xem

Đánh giá

5/5 - (1 bình chọn)

1. Giới Thiệu Code Tự động Cập Nhật Giá Khi Tăng Giảm Số Lượng

Việc tự động cập nhật giá khi thay đổi số lượng sản phẩm giúp người dùng cộng/trừ số lượng một cách trực quan hơn, góp phần nâng cao trải nghiệm mua sắm. Code dưới đã được kiểm tra và hoạt động tốt trên WooCommerce.

2. Code Tự động Cập Nhật Giá

Chèn code sau vào file functions.php của theme:

/**
 * Tự động cập nhật giá khi thay đổi số lượng trên trang sản phẩm WooCommerce
 * Code by muathemewpgiare02
 */
function muathemewpgiare02_update_price_script() {
    if (is_product()) {
        ?>
        <script type="text/javascript">
        jQuery(document).ready(function($) {
            let originalPrice_muathemewpgiare02 = 0;
            let pricePerUnit_muathemewpgiare02 = 0;
            let priceUpdated_muathemewpgiare02 = false;

            function storeOriginalPrice_muathemewpgiare02() {
                let $priceElement = $('.summary .price .woocommerce-Price-amount').first();
                if (!$priceElement.length) return;

                let priceText = $priceElement.text().replace(/[^0-9.,]/g, '');
                pricePerUnit_muathemewpgiare02 = parseFloat(priceText.replace(/,/g, '.'));
                originalPrice_muathemewpgiare02 = pricePerUnit_muathemewpgiare02;
            }

            function updateDisplayPrice_muathemewpgiare02() {
                let quantity = parseInt($('input.qty').val()) || 1;
                let totalPrice = pricePerUnit_muathemewpgiare02 * quantity;
                $('.summary .price .woocommerce-Price-amount').first().text(totalPrice.toFixed(2));
                priceUpdated_muathemewpgiare02 = true;
            }

            function handleQuantityChanges_muathemewpgiare02() {
                $('input.qty').on('input', updateDisplayPrice_muathemewpgiare02);
                $('.plus, .minus').on('click', function() {
                    setTimeout(updateDisplayPrice_muathemewpgiare02, 100);
                });
            }

            function resetPriceBeforeAddToCart_muathemewpgiare02() {
                $('form.cart').on('submit', function() {
                    if (priceUpdated_muathemewpgiare02) {
                        $(this).append('<input type="hidden" name="original_price_muathemewpgiare02" value="' + pricePerUnit_muathemewpgiare02 + '">');
                    }
                });
            }

            storeOriginalPrice_muathemewpgiare02();
            handleQuantityChanges_muathemewpgiare02();
            resetPriceBeforeAddToCart_muathemewpgiare02();
        });
        </script>
        <?php
    }
}
add_action('wp_footer', 'muathemewpgiare02_update_price_script', 99);

function muathemewpgiare02_store_original_price($cart_item_data, $product_id) {
    if (isset($_POST['original_price_muathemewpgiare02'])) {
        $cart_item_data['original_price_muathemewpgiare02'] = floatval($_POST['original_price_muathemewpgiare02']);
    }
    return $cart_item_data;
}
add_filter('woocommerce_add_cart_item_data', 'muathemewpgiare02_store_original_price', 10, 2);

function muathemewpgiare02_apply_original_price($cart_object) {
    if (is_admin() && !defined('DOING_AJAX')) return;

    foreach ($cart_object->get_cart() as $cart_item_key => $cart_item) {
        if (isset($cart_item['original_price_muathemewpgiare02'])) {
            $product = $cart_item['data'];
            $original_price = floatval($cart_item['original_price_muathemewpgiare02']);
            $product->set_price($original_price);
        }
    }
}
add_action('woocommerce_before_calculate_totals', 'muathemewpgiare02_apply_original_price', 10);

/**

* Tự động cập nhật giá khi thay đổi số lượng trên trang sản phẩm WooCommerce

* Code by muathemewpgiare02

function muathemewpgiare02_update_price_script() {

if (is_product()) {

jQuery(document).ready(function($) {

let originalPrice_muathemewpgiare02 = 0;

let pricePerUnit_muathemewpgiare02 = 0;

let priceUpdated_muathemewpgiare02 = false;

function storeOriginalPrice_muathemewpgiare02() {

let $priceElement = $('.summary .price .woocommerce-Price-amount').first();

if (!$priceElement.length) return;

let priceText = $priceElement.text().replace(/[^0-9.,]/g, '');

pricePerUnit_muathemewpgiare02 = parseFloat(priceText.replace(/,/g, '.'));

originalPrice_muathemewpgiare02 = pricePerUnit_muathemewpgiare02;

}

function updateDisplayPrice_muathemewpgiare02() {

let quantity = parseInt($('input.qty').val()) || 1;

let totalPrice = pricePerUnit_muathemewpgiare02 * quantity;

$('.summary .price .woocommerce-Price-amount').first().text(totalPrice.toFixed(2));

priceUpdated_muathemewpgiare02 = true;

}

function handleQuantityChanges_muathemewpgiare02() {

$('input.qty').on('input', updateDisplayPrice_muathemewpgiare02);

$('.plus, .minus').on('click', function() {

setTimeout(updateDisplayPrice_muathemewpgiare02, 100);

});

}

function resetPriceBeforeAddToCart_muathemewpgiare02() {

$('form.cart').on('submit', function() {

if (priceUpdated_muathemewpgiare02) {

$(this).append('<input type="hidden" name="original_price_muathemewpgiare02" value="' + pricePerUnit_muathemewpgiare02 + '">');

}

});

}

storeOriginalPrice_muathemewpgiare02();

handleQuantityChanges_muathemewpgiare02();

resetPriceBeforeAddToCart_muathemewpgiare02();

});

</script>

<?php

}

add_action('wp_footer', 'muathemewpgiare02_update_price_script', 99);

function muathemewpgiare02_store_original_price($cart_item_data, $product_id) {

if (isset($_POST['original_price_muathemewpgiare02'])) {

$cart_item_data['original_price_muathemewpgiare02'] = floatval($_POST['original_price_muathemewpgiare02']);

}

return $cart_item_data;

}

add_filter('woocommerce_add_cart_item_data', 'muathemewpgiare02_store_original_price', 10, 2);

function muathemewpgiare02_apply_original_price($cart_object) {

if (is_admin() && !defined('DOING_AJAX')) return;

foreach ($cart_object->get_cart() as $cart_item_key => $cart_item) {

if (isset($cart_item['original_price_muathemewpgiare02'])) {

$product = $cart_item['data'];

$original_price = floatval($cart_item['original_price_muathemewpgiare02']);

$product->set_price($original_price);

}

add_action('woocommerce_before_calculate_totals', 'muathemewpgiare02_apply_original_price', 10);

3. Kết Luận

Chỉ cần copy và dán code trên vào functions.php, xóa cache nếu có. Code này hoạt động trơn tru, giúp hiển thị giá tự động khi thay đổi số lượng sản phẩm. Nếu bạn gặp khó khăn khi cài đặt, hãy liên hệ mình để được hỗ trợ nhanh chóng. Cảm ơn bạn đã theo dõi! Anh em lưu ý, code trên khi 1 class giá của anh em khác thì phải thay sửa lại cho phù hợp để code mới chạy nhé

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

10 Mẫu Tiêu Đề SEO Cực Hút Click

Viết tiêu đề SEO như thế nào để người dùng phải nhấp vào bài viết của bạn ngay lập tức?Đây là câu hỏi quan trọng...
Chèn icon trong bài viết SEO là lợi hay hại

Trong quá trình tối ưu nội dung chuẩn SEO, nhiều người viết thường sử dụng icon (emoji, biểu tượng hình ảnh nhỏ) với mong muốn...
Top Những Sai Lầm Khi Viết Tiêu Đề SEO – Tránh Ngay!

Mục Lục1. Giới Thiệu Code Tự động Cập Nhật Giá Khi Tăng Giảm Số Lượng2. Code Tự động Cập Nhật Giá3. Kết LuậnViết tiêu đề...
Top 10 Framework JavaScript Phổ Biến Nhất 2025 – Bạn Phù Hợp Với Cái Nào?

Chào bạn, người đang tìm kiếm công cụ phù hợp để phát triển web trong năm 2025! Nếu bạn đang phân vân giữa các framework...
Tự Học JavaScript Từ Con Số 0: Lộ Trình Học, Tài Nguyên, Mẹo Học Dễ Nhớ

Nếu bạn là sinh viên CNTT, hay đơn giản là một người mới bắt đầu học lập trình, thì JavaScript chính là lựa chọn lý...
Tất tần tật về ngôn ngữ lập trình javaScript

Chào mừng bạn đến với bài viết chuyên sâu về JavaScript – ngôn ngữ lập trình không thể thiếu trong mọi trang web hiện đại....
JavaScript SEO: Cách Giúp Website JS Nặng Trình Vẫn Lên Top Google

Khi nói đến việc phát triển website hiện đại, JavaScript đã trở thành công cụ chủ lực. Tuy nhiên, một trong những thách thức lớn...
JavaScript Là Gì? Và Vì Sao Website Thời Nay Không Thể Thiếu Nó?

Nếu ví một trang web là một cơ thể sống, thì HTML là khung xương, CSS là quần áo và ngoại hình, còn JavaScript chính...
Bật tính năng đánh giá sản phẩm WooCommerce chỉ với vài dòng code

Nếu bạn đang sử dụng WooCommerce để xây dựng website bán hàng và muốn bật tính năng đánh giá sản phẩm cho tất cả sản...
Cách Chống Spam Bình Luận Trong WordPress Hiệu Quả Và Chuyên Nghiệp [2025]

Mục Lục1. Giới Thiệu Code Tự động Cập Nhật Giá Khi Tăng Giảm Số Lượng2. Code Tự động Cập Nhật Giá3. Kết LuậnTại sao cần...
Ưu điểm và Nhược điểm của Plugin Nulled WordPress

Trong quá trình xây dựng website bằng WordPress, chắc hẳn bạn đã từng nghe đến cụm từ “plugin nulled WordPress” hay còn gọi là plugin...
Mua Theme WordPress Chính Hãng – Tìm Hiểu Các Loại Theme Hàng Đầu Cho Website Của Bạn

Khi bắt đầu xây dựng một website, việc chọn lựa theme phù hợp là bước đầu tiên cực kỳ quan trọng. Theme không chỉ giúp...
Hướng Dẫn Thêm Mã Script Vào Theme Flatsome Một Cách Khoa Học

Một website tốt không chỉ đẹp – mà còn phải hiểu được chính mình.Để hiểu, bạn cần dữ liệu. Và dữ liệu đến từ đâu?Từ...
Top theme WordPress bất động sản đẹp, chuyên nghiệp và dễ dùng nhất 2025

Trong thời đại mà mọi khách hàng đều “google trước khi gọi”, một website bất động sản đẹp chính là “mặt tiền online” không thể...
🔥 TOP 10+ ĐOẠN CODE FLATSOME CỰC HAY GIÚP WEBSITE MƯỢT, NHẸ, CHUẨN SEO

Bạn đang sử dụng theme Flatsome cho website WordPress? Bạn muốn tối ưu hiệu năng, giao diện và trải nghiệm người dùng mà không cần...
WordPress 6.8 có gì mới? Đánh giá chi tiết & thực tế sau khi trải nghiệm bản cập nhật mới nhất

Tóm tắt nhanh: WordPress 6.8 ra mắt với hàng loạt cải tiến về hiệu suất, bảo mật và trải nghiệm người dùng. Trải nghiệm thực...