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

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

Cách Refresh Content Với Google Search Console SEO Bền Vững 2025

Trong hành trình làm SEO, không ai xa lạ với khái niệm “nội dung là vua”. Nhưng một sự thật phũ phàng là nội dung...
Replace Tool Pro – Công cụ thay thế nội dung nhanh chóng trong WordPress & Flatsome

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ận1. Giới thiệu...
Hướng Dẫn Mua Theme WordPress Bản Quyền Giá Rẻ – Cập Nhật Trọn Đời, An Toàn Cho Website

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ối Ưu Hóa Đường Dẫn URL Cho Website Năm 2025

Tối ưu hóa đường dẫn URL là một trong những chiến lược quan trọng giúp cải thiện độ hiển thị của website trên các công...
PHP Lỗi Thời? Sự Thật Đằng Sau Câu Chuyện Khiến Nhiều Người Hiểu Lầm

Khi nhắc đến PHP, nhiều người hay bật cười: “Ôi, ngôn ngữ lỗi thời rồi còn ai xài nữa!”. Thế nhưng, sự thật có thực...
Cách Cải Thiện CTR Tự Nhiên Cho Bài Viết Cũ

Bạn có từng rơi vào tình huống này:Một bài viết đã lên top 3 Google, xuất hiện đều đặn trong hàng ngàn kết quả tìm...
Tăng 150% Traffic Tự Nhiên Bằng 5 Chiến Lược SEO Thực Chiến

Trong bối cảnh thuật toán Google liên tục thay đổi, đặc biệt là sự xuất hiện của AI Overview (AIO), nhiều quản trị viên website...
Traffic Ảo Là Gì? Làm Sao Phân Biệt Traffic Thật – Ảo?

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ận📌 Giới thiệu...
Hướng Dẫn SEO AI Overviews Lên Top Google Năm 2025

Trong năm 2025, nếu bạn vẫn SEO theo kiểu “cổ điển”, thì xin chia buồn: khả năng cao là bạn sẽ mãi đứng ngoài lề...
Có Nên Chèn Link Affiliate Của Website Khác Vào Trang Bán Hàng Của Mình Không?

Bạn sở hữu một trang web bán hàng. Lưu lượng truy cập đang tăng, đơn hàng bắt đầu về đều. Và rồi, bạn nhận được...
SEO Top 1 Google Năm 2025 Có Khó Không?

Năm 2025, SEO vẫn là một trong những yếu tố quan trọng nhất để đưa website của bạn lên top 1 Google. Tuy nhiên, với...
[CASE STUDY] Khôi phục website sau Helpful Content Update

Website bị rớt hạng sau Helpful Content Update của Google? Hãy xem case study thực chiến này để hiểu vì sao việc tái cấu trúc...
AI Overviews là gì? Cơ hội mới cho SEO thời đại AI – Hướng dẫn tối ưu toàn diện để không bị bỏ lại phía sau

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ậnAI Overviews là...
Sharecode.vn là gì? Toàn cảnh về kho source code lớn tại Việt Nam

Trong thời đại công nghệ số bùng nổ, việc tìm kiếm những đoạn mã nguồn sẵn có, chất lượng và dễ tùy biến đã trở...
Mua Theme WordPress Giá Rẻ – Chuẩn SEO, Full Key, Bản Quyền Trọn Đời

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ậnLý Do Nên...
Giải Đáp 10 Câu Hỏi Thường Gặp Về Ngôn Ngữ Lập Trình PHP – Tất Cả Những Gì Bạn Cần Biết

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ậnPHP Là Gì?...