Django Cart View: Общая сумма показывает 0

У меня возникла проблема с представлением корзины в Django, когда общая сумма корзины отображается как 0. Ниже приведены соответствующие части моего кода и журналы.

JavaScript (AJAX):

$(document).ready(function() {
    $("#add-to-cart-btn").on("click", function(){
        let quantity = $("#product-quantity").val();
        let product_title = $(".product-title").val();
        let product_id = $(".product-id").val();
        let product_price = $("#current-product-price").text();
        let product_image = $(".product-image").val();
        let product_pid = $(".product-pid").val();
        let this_val = $(this);

        // Log the values
        console.log("Quantity:", quantity);
        console.log("Id:", product_id);
        console.log("PId:", product_pid);
        console.log("Image:", product_image);
        console.log("Title:", product_title);
        console.log("Price:", product_price);
        console.log("Current Element:", this_val);

        // Check if product price is valid
        if (!product_price || isNaN(parseFloat(product_price))) {
            console.error("Product price is invalid: " + product_price);
            return;
        }

        $.ajax({
            url: '/add-to-cart',
            data: {
                'id': product_id,
                'pid': product_pid,
                'image': product_image,
                'qty': quantity,
                'title': product_title,
                'price': product_price
            },
            dataType: 'json',
            beforeSend: function(){
                console.log("Adding products to cart");
            },
            success: function(res){
                this_val.html("Go to Cart");
                console.log("Added products to cart");
                $(".cart-items-count").text(res.totalcartitems);
                $(".total").text(res.cart_total_ammount);
            }
        });
    });
});

Django View:

HTML Snippet:

<div class="input-counter">
   <span class="input-counter__minus fas fa-minus"></span>
   <input id="product-quantity" class="input-counter__text input-counter--text-primary-style" type="number" value="1" data-min="1" data-max="1000">
   <span class="input-counter__plus fas fa-plus"></span>
</div>

<div class="button">
   <input type="hidden" value="{{p.id}}" class="product-id" name="">
   <input type="hidden" value="{{p.title}}" class="product-title" name="">
   <input type="hidden" value="{{p.image.url}}" class="product-image" name="">
   <input type="hidden" value="{{p.pid}}" class="product-pid" name="">
   <button class="btn btn--e-brand-b-2" type="button" id="add-to-cart-btn">Add to Cart</button
</div>

Проблема: Несмотря на наличие товаров в корзине и правильное отображение цен в HTML, общая сумма в представлении корзины отображается как 0. Я добавил ведение журнала для отслеживания значений, но все равно общая сумма, похоже, рассчитывается неправильно.

Журналы показывают, что item_price может быть воспринят неправильно, но я не могу определить, почему. Любые соображения или предложения будут очень признательны!

Вернуться на верх