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 Quản trị viên

Quản trị viên

02/04/2025

2 Phút đọc

210 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!

Share Code WordPress, Topcode và Sharecode.vn – Có an toàn không?

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ậnGiới thiệu: Vì...
Tổng Hợp Những Tính Năng Mới Nổi Bật Của WordPress 6.9

WordPress 6.9 chính thức ra mắt vào ngày 02/12/2025, mang theo một loạt cải tiến quan trọng tập trung vào Phase 3 của Gutenberg: Collaboration...
Share Code Game Tết Giật Lì Xì

Bạn đang tìm code game Tết 2026 để tổ chức minigame, thu hút người chơi, tăng tương tác cho website hoặc fanpage?Hôm nay mình chia...
Mua Hosting và Máy chủ cao cấp tại AZDIGI có uy tín không?

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ậnGiới thiệu Vai...
Những bước đơn giản để tối ưu SEO cho website mới của bạn

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ậnGiới thiệu Tầm...
Google Discover là gì? Tìm hiểu về tính năng này

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ậnGiới thiệu về...
Tổng hợp kiến thức toàn diện về SEO Google cho người mới bắt đầu

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ậnGiới thiệu về...
Hosting Sinh Viên Giá Rẻ – Chất Lượng – Uy Tín tại Muathemewpgiare.com

Bạn là sinh viên, người mới bắt đầu làm website, hoặc đang cần một gói hosting giá rẻ nhưng vẫn đảm bảo tốc độ –...
Avada vs Flatsome – Đâu là theme bán hàng tốt nhất cho WordPress & WooCommerce?

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ậnGiới thiệu Trong...
ThemeForest là gì? Giải thích chi tiết & Hướng dẫn mua theme WordPress siêu đơn giản (chuẩn SEO – Update 2025)

Nếu bạn đang xây dựng website và cảm thấy như lạc vào “ma trận” theme WordPress, thì xin chúc mừng – bạn sắp khám phá...
CodeCanyon – Kho plugin, script và source code cao cấp cho mọi dự án website

CodeCanyon là một trong những marketplace uy tín nhất trên thế giới dành cho lập trình viên, webmaster và nhà phát triển web. Nền tảng...
Cloudflare gặp sự cố máy chủ khiến ChatGPT Và Grok tê liệt

Cộng đồng công nghệ toàn cầu đang xôn xao khi hai siêu trí tuệ nhân tạo hàng đầu là ChatGPT (OpenAI) và Grok (xAI) đồng...
Hướng Dẫn Fix Lỗi Vui lòng bỏ chặn challenges.cloudflare.com để tiếp tục

Bạn đang hào hứng truy cập website để tải Theme/Plugin thì màn hình đứng khựng lại với dòng thông báo đỏ: “Vui lòng bỏ chặn...
Tại sao hiện tại Cloudflare bị lỗi toàn cầu

Nếu bạn đang đọc bài viết này, có lẽ bạn hoặc nhiều người dùng khác vừa trải qua những phút giây bối rối khi không...
Khuyến Mãi Black Friday Mua Theme WordPress – Tặng Ngay Drive 2TB

Black Friday đã trở lại với hàng loạt ưu đãi hấp dẫn dành cho cộng đồng làm web WordPress. Nếu bạn đang muốn sở hữu...
Tối ưu hiển thị và sao chép code trong Flatsome bằng Blockquote

Trong quá trình xây dựng website bằng Flatsome, rất nhiều người gặp phải tình trạng mỗi khi đăng code lên bài viết thì nội dung...