===============================================================================================

** categories.html **

===============================================================================================


{% extends 'base.html' %}

{% load static %}

{% block head_title %} {{ instance.title }} {% endblock %}

{% load mptt_tags %}

{% block content %}

    <div class="py-4">
      <div class="container">
        <section>
            <div class="title">
{#              <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">#}
{#                <ol class="breadcrumb">#}
{#                  <li class="breadcrumb-item"><a href="/">Главная</a></li>#}
{##}
{#                    {% for i in instance.category.get_slug_list %}#}
{#                       <li><a href="/category/{{ i }}">{{ i | get_name }}</a></li>#}
{#                    {% endfor %}#}
{#                </ol>#}
{#              </nav>#}
              <h1>{{ instance.title }}</h1>
              <p>Среди широкого спектра продуктов и решений в ассортименте KÖMMERLING особенно выделяются, которые могут стать основой для реализации индивидуальных, креативных решений.</p>
            </div>
              <div class="col-md-4">
              {% if instance.children.all %}
                {% for i in instance.children.all %}
                  <div class="card">
                      <img src="/media/{{ i.imagePath }}" class="card-img-top" id="first">
                      <div class="card-block">
                          <h5 class="card-title fw-bold">{{ children }}</h5><br>
                          <ul class="list-group list-group-flush">
                                <li class="list-group-item link"><a id="1" href="{{ i.slug }}" data-image="/media/{{ i.imagePath }}">{{ i.title }}</a></li>
                          </ul>
                      </div>
                  </div>
                {% endfor %}
              {% endif %}
              </div>
        </section>
      </div>
    </div>



===============================================================================================

** category.html **

===============================================================================================


{% extends 'base.html' %}

{% load static %}

{% block head_title %} {{ instance.title }} {% endblock %}

{% load mptt_tags %}

{% block content %}

    <div class="py-4">
      <div class="container">
        <section>
            <div class="title">
{#              <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">#}
{#                <ol class="breadcrumb">#}
{#                  <li class="breadcrumb-item"><a href="/">Главная</a></li>#}
{##}
{#                    {% for i in instance.category.get_slug_list %}#}
{#                       <li><a href="/category/{{ i }}">{{ i | get_name }}</a></li>#}
{#                    {% endfor %}#}
{#                </ol>#}
{#              </nav>#}
              <h1>Продукция</h1>
              <p>Среди широкого спектра продуктов и решений в ассортименте KÖMMERLING особенно выделяются, которые могут стать основой для реализации индивидуальных, креативных решений.</p>
            </div>
              <div class="col-md-4">
              {% if instance.all %}
                {% for i in instance.all %}
                  <div class="card">
                      <img src="/media/{{ i.imagePath }}" class="card-img-top" id="first">
                      <div class="card-block">
                          <h5 class="card-title fw-bold">oo{{ children }}</h5><br>
                          <ul class="list-group list-group-flush">
                                <li class="list-group-item link"><a id="1" href="{{ i.slug }}" data-image="/media/{{ i.imagePath }}">{{ i.title }}</a></li>
                          </ul>
                      </div>
                  </div>
                {% endfor %}
              {% endif %}
              </div>
        </section>
      </div>
    </div>

{% endblock %}