Как в карусели отображать по 3 товара django?

Я хочу вставить в слайдер по 3 картинки, которые получаю из БД. Но не могу настроить слайдер так,чтобы он переключался как сам, так и через индикаторы. views.py

from django.shortcuts import render
from django.apps import apps
def homepage(request):
    Popular = apps.get_model('catalog', 'Products')
    posts = Popular.objects.all()
    paginator = Paginator(posts, 1)  # Show 25 contacts per page.
    page_number = request.GET.get('page')
    posts = paginator.get_page(page_number)

    return render(request, 'homepage/homepage.html', {'posts': })

index.html

{%load static%}

<div class="some_thing">

    <div id="carouselExampleDark_2" class="carousel carousel-dark slide" data-bs-ride="carousel">
        <div class="carousel-indicators" data-bs-ride="carousel">
            <button type="button" data-bs-target="#carouselExampleDark_2" data-bs-slide-to="0" class="active"
                    aria-current="true" aria-label="Slide 1"></button>

            <button type="button" data-bs-target="#carouselExampleDark_2" data-bs-slide-to="1" aria-label="Slide 2"
            ></button>
            <button type="button" data-bs-target="#carouselExampleDark_2" data-bs-slide-to="2" aria-label="Slide 3"
            ></button>
        </div>
        <div class="carousel-inner">
            {% for p in posts%}
            {% if forloop.counter0 %}
            <div  {% if forloop.counter == 1 %} class="carousel-item active" {% else %} class="carousel-item" {% endif %} >
                <div class="row">{% endif %}
                    <div class="col-sm-3">
                        <img  src="{{p.url}}">
                        {% if forloop.counter == 1 %}</div>
                    </div>
                </div>{% endif %}
           {% endfor %}
        </div>
    </div>
</div>

Может быть есть способ проще? Чтобы из всех объектов, полученных от БД, отображать по 3 шт.

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