Как получить идентификатор категории и отобразить продукт, который находится в категории в django

Вот мой models.py.

from django.db import models

# Create your models here.
class Category(models.Model):
    cateId = models.AutoField(primary_key=True)
    cateName = models.CharField(max_length=200)
    
    def __str__(self):
        return self.cateName

class Product(models.Model):
    prodCategory = models.ForeignKey(Category, on_delete=models.CASCADE)
    prodId = models.AutoField(primary_key=True)
    prodName = models.CharField(max_length=200)

    def __str__(self):
        return self.prodName

views.py

from django.shortcuts import render, get_object_or_404

from product.models import Category, Product

def category(request, *args, **kwargs):
    category = Category.objects.all()
    ctx = {'category': category}
    return render(request, 'category.html', ctx)

def category_product(request, cateId, *args, **kwargs):
    product = Product.objects.get(prodCategory=cateId)
    ctx = {'product': product}
    return render(request, 'product.html', ctx)

urls.py

 path('category/<int:cateId>/', views.category_product, name='category_product')

вот мой продукт, который появляется после того, как я нажимаю на ссылку категории product.html

<body>
   
    <div class="container">
       {% for product in product %}
       <a href="#">
       <div class="product">
            <h2>{{ product.prodName }}</h2>
        </div>
        </a>
        {% endfor %}
    </div>
</body>

вот моя страница категории, которая дает кликабельную ссылку для просмотра продукта, который находится в этой категории. category.html

    <div class="container">
       {% for category in category %}
       <a href="#">
       <div class="category">
            <h2>{{ category.cateName }}</h2>
        </div>
        </a>
        {% endfor %}
    </div>
Вернуться на верх