Как я могу загрузить определенное количество элементов в Django, а затем загрузить больше элементов после прокрутки?

Я добавил некоторые продукты с помощью этой функции в моих представлениях:

def All( request  ):
    p=product.objects.all()
    return render(request,'home.html',{'p':p})

А мой шаблон выглядит следующим образом:

<div class="grid">  
  
         {%for p in p%} 
                <div class='card'>
                    <img src="{{p.image}}"></img>
                    <p id="id">{{p.description}}</p>
                    <a href="{{p.buy}}" target='_blank' rel='noopener noreferrer'>
                        <button ><span class="price"> ${{p.price}}</span> buy</button>
                    </a>    




                </div>

         {%endfor%}

Но я не знаю, что я должен сделать, чтобы иметь возможность ограничить продукты, например, я хочу иметь 10 продуктов после загрузки страницы, а затем после прокрутки я хочу, чтобы появилось еще 10 продуктов.

Как я могу это сделать?

Вам необходимо использовать пагинацию вы можете прочитать об этом здесь в docs

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