Shopify App | Documentation

CI Infinite Scroll

If you have any questions beyond the scope of this guide, feel free to email us at info@cynoinfotech.com.

Information

CI Infinite Scroll app loads products infinitely while scrolling without reloading the collection page or search result page. While the customer is scrolling down, products are automatically loaded without any interruption. The store owner just clicks on the enable app button, and infinite scroll functionality is starting to work and enhances site loading speed. The store owner can customize the button with text and customize the loading icon as per the store’s requirement.

That’s how Infinite Scroll App contributes in improving the overall experience of customers and significantly availing the SEO rewards to your website.

Through this app, you can maintain your page and website metrics – bounce rate, page viewing time and conversion rate.

Key Features:

1. Load all products on one page to engage the customer to buy products.
2. Makes store SEO friendly by engaging the customer more towards the store.
3. Saves customers time and enhancing site loading speed.
4. Customize the button with text or customize the loading SVG icon.
5. Work well on the collection page and search result page.
6. Personalize the scroll-to-top button for your design.

Settings

These are the app settings where you can effortlessly configure or customize Auto Load Icon, Load More Button or Scroll to Top Button with live preview.

Enable App

Use this setting to enable for infinite scroll app.

Enable Scroll Type

Use this setting to enable for Auto Load or Load More button on frontend.

Auto Load

Select Auto Load type for auto loading page on mouse scrolling.

• You can Enable/Disable loader as your needs.
• You can change the loader color icon as per your store theme and check preview.
• You can add loading text also if you need.
• You can add No More Item Text when all products are Caught Up.

Load More

Select Load More type for load more button when click on this button for more product loading.

• If you select Load More button then you can customize as per your store theme.
• You can change the button text, color, size and boarder radious.
• You can check preview of your customizable button.
• You can add No More Item Text when all products are Caught Up.

Element Selectors

If you have updated HTML of your store theme related to pagination, then you can add your class accordingly.

Scroll to Top

Use this setting Enable/Disable for Scroll to Top Button on collection page and search page.

• You can enable scroll to top button.
• You can change the color, boarder radious and distance from page right/left.
• You can check preview of your customizable button.

Applied on Frontend

Works with collection page, search page and all filters as Dawn theme.

Support

If this documentation doesn't answer your questions, please feel free to email us at info@cynoinfotech.com

Our support team operates in the GMT +5:30 time zone and responds to all inquiries within 12-24 hours on weekdays. In rare cases, the response time may extend to 48 hours, especially during the holidays, which may take longer..

Please don't forget to rate our app 5 stars ( ) on the Shopify App Store if you are satisfied with our app and customer support! Your feedback is greatly appreciated and helps us improve our services. Thank you!

Changelog

Version 1.0 (10 February, 2025)

Initial Release