Динамические данные не расширяются
Я делаю сайт о покупках и использую тег extend в html для расширения таблицы на другую страницу. Ниже приведена таблица в файле shoppingpage.html введите описание изображения здесь
Когда я нажимаю на любую из категорий (синий цвет на картинке выше), появляется только "Наши товары" и без остальной таблицы введите описание изображения здесь
Ниже приведены коды, которые я пробовал
shoppingpage.html
<body>
<h1>Hello, welcome to shopping page!</h1>
<ul>
<a class="lynessa-menu-item-title" title="Our Products" href="/allproducts">Our
Products</a>
<div class="submenu megamenu megamenu-shop">
<div class="row">
{% for result in category %}
<div class="col-md-3">
<div class="lynessa-listitem style-01">
<div class="listitem-inner">
<a href="{% url 'polls:category' result.id %}" target="_self">
<h4 class="title">{{result.category_name}}</h4>
</a>
{% for ans in result.subcategories_set.all %}
<ul class="listitem-list">
<li>
<a href="{% url 'polls:subcategory' ans.id %}" target="_self">{{ans.sub_categories_name}}</a>
</li>
</ul>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</ul>
{% block content %}{% endblock %}
</body>
category.html
{% extends "polls/shoppingpage.html" %}
<h1>Hello,to categorybase world!</h1>
{% block content %}
<ul class="row products columns-3" id="appendproducts">
{% 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.url}}" alt="Product Image" width="400" height="400">
</a>
</div>
</div>
</li>
{% endfor %}
</ul>
{% endblock %}
ПРИМЕЧАНИЕ: Моя задача - вывести динамическое изображение, следовательно, не размещать данные вручную в статике
Я проверил синтаксис бесчисленное количество раз, но без особого успеха, пожалуйста, помогите