Agregué algunos productos con el uso de esta función en mis vistas:

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

Y mi plantilla se ve así:

 <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%}

Pero no sé qué debo hacer para poder limitar los productos, por ejemplo, quiero tener 10 productos después de cargar la página y luego, después de hacer scroll, quiero que aparezcan 10 productos más.

¿Cómo puedo hacer eso?