Как сделать так, чтобы цена товара динамически изменялась в Django?

Я использую фреймворк Django. Я добавил такие варианты товара, как размер, цвет и стекло. Теперь мне нужно, чтобы цена динамически изменялась при выборе вариантов товара. Цена не меняется, когда я выбираю различные варианты товара, она остается неизменной.

Вот моя часть ajax:

$('#size, #color, #glass').on('change', function () {
  const productId = $('#product-id').val();
  const sizeId = $('#size').val();
  const colorId = $('#color').val();
  const glassId = $('#glass').val();

  console.log("Selected values:", productId, sizeId, colorId, glassId); // Log captured values

  if (productId && sizeId && colorId && glassId) {
    calculateUpdatedPrice(productId, sizeId, colorId, glassId);
  }
});

function calculateUpdatedPrice(productId, sizeId, colorId, glassId) {
  const url = `/get_variant/?product_id=${productId}&size=${sizeId}&color=${colorId}&glass=${glassId}`;
  console.log("Fetching price from URL:", url); // Log request URL

  fetch(url)
    .then(response => response.json())
    .then(data => {
      console.log("Response data:", data); // Log server response

      const priceElement = document.getElementById('price');
      const sellPriceElement = document.getElementById('sell-price');
      priceElement.textContent = data.price;
      sellPriceElement.textContent = data.price;
    })
    .catch(error => console.error('Error:', error));
}

И детализация продукта:

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