I am designing grid view which displays products same as most of the online shopping sites out there. I have used bootstrap to make it responsive and GUI looks perfect. As a product count increases I have to scroll down a lot to reach last product, basically, it is displaying all products in a single page. So, I decided to apply paging which will display predefined number of products on a single page and if the user wants to see more products he/she can go to next page by click next or page number.
Question :
- How can I limit the number of products to be displayed on one page ?
- How can I make count dynamic? Since laptop/desktop can show more products at a time than mobile so, I want to make it dynamic.