Как **динамически отображать** различные страницы с помощью одной html-страницы

Я знаю, что уже задавал этот вопрос, но я действительно борюсь с этой проблемой.

В настоящее время я делаю сайт покупок, используя django, и хочу динамически отображать данные. На "странице покупок" перечислены категории и подкатегории одежды. Если я нажму на 9-6 wear, должны появиться только изображения одежды 9-6wear.

Например, как показано на изображении выше, когда я нажимаю на 9-6wear, я получаю изображения одежды 9-6, но проблема в том, что когда я нажимаю на другие категории (например, Fusion wear bridal wear desi swag), я получаю ту же одежду, что и в 9-6 wear. Как мне убедиться, что я получаю одежду, принадлежащую к 'bridal wear', когда я нажимаю bridal wear и так далее, используя django и html и отображая данные динамически? ниже приведены функции, url, html страницы url

path('category/',views.category,name="category")

функция

def category(request):
    prod = Products.objects.filter(isactive=True)
    return render(request,'polls/category.html',{'products':prod})

category.html

{% for product in products %}
            <li class="product-item wow fadeInUp product-item rows-space-30 col-bg-4 col-xl-4 col-lg-6 col-md-6 col-sm-6 col-ts-6 style-01 post-24 product type-product status-publish has-post-thumbnail product_cat-chair product_cat-table product_cat-new-arrivals product_tag-light product_tag-hat product_tag-sock first instock featured shipping-taxable purchasable product-type-variable has-default-attributes" data-wow-duration="1s" data-wow-delay="0ms" data-wow="fadeInUp">
                <div class="product-inner tooltip-left">
                    <div class="product-thumb">
                        <a href="{% url 'polls:productdetails' product.id %}" class="thumb-link">
                            <img class="img-responsive" src="{{product.image}}" alt="MINI SKIRT" width="400" height="400">
                        </a>
                    </div>
                    <div class="product-info equal-elem">
                        <h3 class="product-name product_title">
                            <a href="/products/details/65">{{product.title}}</a>
                        </h3>
                        <span class="price">
                            <span class="lynessa-Price-amount amount">
                                <ins>
                                    <span class="lynessa-Price-currencySymbol">₹</span>
                                    <span class="lynessa-Price-amount amount discount-amount InrToUsdDiscountPrice65">
                                        {{product.price}}
                                    </span>
                                </ins>
                            </span>
                        </span>
                    </div>
                </div>
        
            </li>
{% endfor %}

Я добавил 'isactive', потому что я делаю мягкое удаление. помощь будет очень признательна, спасибо!

path('category/<int:category_id>/', views.category_detail, name='category'

def category_detail(request, category_id):
    prod = Products.objects.filter(isactive=True, category_id=category_id)
    return render(request,'polls/category.html',{'products':prod})