Получение product.id в моем django slug product details

У меня проблемы при попытке получить id продукта в шаблонах product_details.

Это мой views.py product_details

def product_details(request, slug):
    data = cartData(request)
    cartItems = data['cartItems']

    post = get_object_or_404(Product, slug=slug)
   
    context = {
        'post': post,
        'cartItems': cartItems,
    }      
    return render(request, 'e_commerce/product_details.html', context)

models.py

class Product(models.Model):
    name = models.CharField(max_length=150)
    slug = models.SlugField(max_length=200, unique=True, null=True, blank=True)
    price = models.DecimalField(max_digits=7, decimal_places=2)
    image = models.ImageField(upload_to='product_image', null=True, blank=True)
    digital = models.BooleanField(default=False,null=True, blank=True)
    category = models.ForeignKey(Category, on_delete=models.CASCADE,default=1)
    description = models.CharField(max_length=250, default='', null=True, blank=True)
    size = models.CharField(max_length=200, null=True, blank=True, help_text='Input size of product')

urls.py

 path('<slug:slug>/', views.product_details, name='product_details'),#e_commerce details page

Затем шаблон product_details:

<div class="container">
                <div class="card">
                    <div class="container-fliud">
                        <div class="wrapper row">
                            <div class="preview col-md-6">
                                <div class="preview-pic tab-content">
                                    <div class="tab-pane active" id="pic-1"><img src="{{ post.image.url }}" /></div>
                                </div>
                            </div>
                            <div class="details col-md-6">
                                <h3 class="product-title">{% block title %} {{ post.name }} {% endblock title %}</h3>
                                <div class="rating">
                                    <div class="stars">

                                    </div>
                                </div>
                                <h5 class="product-description">{{post.description }}</h5>
                                <h4 class="price">price: <span>NGN {{ post.price }}</span></h4>
                                <h5 class="sizes">size: {{ post.size }}</h5>
                                <h5 class="lead">Category: {{ post.category }}</h5>
                                <hr>
                                  <button data-product=**{{product.id}}**  data-action="add" class="btn btn-outline-secondary add-btn update-cart">Add to Cart</button>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>

Все работает хорошо и отлично, кроме получения product.id.

Мне это нужно для того, чтобы использовать функцию javascript, которую я создал для того, чтобы пользователи могли добавлять товары в корзину, нажимая на кнопку "Добавить в корзину" в шаблонах.

Позже я нашел решение своей проблемы.

Мне нужно было включить только {{ post.id }}, чтобы получить product.id.

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