How to Enable "Infinite Scroll" Mode?

Please note: this feature can only be accessed in the Boutir Web Portal.

After activating "Infinite Scroll" mode, your product listing will seamlessly extend, showcasing all products on your storefront's main page. As customers scroll to the bottom of the online store page, it automatically loads more products.

Before "Infinite Scroll": After "Infinite Scroll":
Screenshot 2023-10-16 at 16-55-31-png Screenshot 2023-10-16 at 16-56-32-png


1. Visit Boutir CMS ( to login to your account

Screenshot 2023-11-20 at 14.22.36

2. Click “Design” > “Custom page” > “Edit”Screenshot 2023-11-20 at 14.20.16

3. Hover the mouse over the product list and click on "Edit design"Screenshot 2023-11-20 at 14.23.16

4. Click on "Display pattern",select "Infinite scroll", and then press "Confirm"Screenshot 2023-11-20 at 14.23.42

5. Finally, click on "Save & Publish" > "Confirm"Screenshot 2023-11-20 at 14.29.02Screenshot 2023-11-20 at 14.29.23-1