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

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

Code Tự động Cập Nhật Giá Khi Tăng Giảm Số Lượng Trong 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!

Code chức năng kiểm tra link nội bộ trong bài viết wordpress

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ậnPhần 1: Hướng...
Thủ thuật Css Tạo Hiệu Ứng Line Effect Khi Rê Chuột Vào Bài Viết WordPress

Trong bài viết này, mình sẽ hướng dẫn các bạn cách tạo một hiệu ứng line effect độc đáo và bắt mắt khi rê chuột...
1001 Lưu Ý Cẩn Thận Trong SEO 2025 Trên Google

SEO (Search Engine Optimization) luôn là một lĩnh vực không ngừng thay đổi, và vào năm 2025, Google đã có những cập nhật quan trọng...
Tối Ưu Hóa SEO Cho Các Doanh Nghiệp Nhỏ Năm 2025 Mới Nhất

Trong kinh doanh hiện đại, sự hiện diện trực tuyến không chỉ là một lợi thế mà còn là điều cần thiết cho sự thành...
Code chức năng wordpress yêu cầu thay đổi mật khẩu định kỳ

Dưới đây là code hoàn chỉnh để yêu cầu người dùng WordPress thay đổi mật khẩu định kỳ mỗi 6 tháng. Chức năng chính của...
Code tự in kích thước lên ảnh khi upload ảnh lên website wordpress

Khi upload hình ảnh lên website WordPress, đôi khi bạn muốn tự động in kích thước của ảnh lên chính bức ảnh đó. Điều này...
Hướng Dẫn Làm Sạch Header WordPress Để Tăng Tốc Độ Tải Trang Và Cải Thiện SEO

Khi sử dụng WordPress, nhiều người dùng không để ý rằng phần Header của website chứa rất nhiều mã không cần thiết. Những đoạn mã...
Code chức năng xem thêm và thu gọn cho nội dung sản phẩm WordPress

Mục đích: Đoạn mã dưới đây được thiết kế để tạo ra một nút “Xem thêm” giúp người dùng có thể mở rộng nội dung...
Hướng Dẫn Chi Tiết Viết Bài Chuẩn SEO Từ A Đến Z Dễ Hiểu Và Hiệu Quả

SEO có thể là một thế giới rộng lớn với vô vàn thuật ngữ và chiến lược, nhưng đừng lo! Nếu bạn muốn bài viết...
Hướng Dẫn Cách Thiết Kế Giao Diện Người Dùng (UI) Hiệu Quả

Trong thời đại số hóa mạnh mẽ hiện nay, thiết kế giao diện người dùng (UI) không chỉ đơn thuần là việc trang trí một...
Tại Sao Tối Ưu Hóa Tìm Kiếm Giọng Nói Là Một Xu Hướng Mới?

Ngày nay, việc tìm kiếm thông tin qua giọng nói đã trở thành một phần không thể thiếu trong cuộc sống hàng ngày của nhiều...
Tại Sao Tốc độ Tải Trang Lại Quan Trọng Cho SEO?

Tốc độ tải trang không chỉ là một yếu tố kỹ thuật mà còn ảnh hưởng trực tiếp đến thành công của một website trong...
Hướng dẫn mã hóa code khi người dùng viewsource

Khi phát triển ứng dụng web, bảo mật luôn là một yếu tố quan trọng cần được chú trọng. Một trong những vấn đề phổ...
Hướng dẫn tạo code icon bố cục 10 cột giống tiki wordpress

Để tạo một bố cục tương tự như trên, với 10 cột và các icon được bố trí giống Tiki trong WordPress, bạn cần sử...
Những Lợi Ích Của Việc Sử Dụng Hình Ảnh Trong Nội Dung Website

Việc sử dụng hình ảnh trong nội dung không chỉ đơn thuần là một lựa chọn mà đã trở thành một yêu cầu thiết yếu....
Thông tin cần thiết để thiết kế website cá nhân hiệu quả

Trong thế giới số hóa hiện nay, sở hữu một website cá nhân là một trong những cách tốt nhất để xây dựng thương hiệu...