> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Infinite Scrolling

###### In this article ：
1. Introduction

2. Installation of Infinite Scrolling

---
## 1. Introduction 

Your customers can now scroll, scroll, and scroll with this [Infinite Scrolling](https://www.easystore.co/en-my/apps/infinite-scrolling) app integration. 

By having this app integration installed, your customers can view your products by scrolling instead of viewing them by clicking page by page. The products will automatically load and the product will appear in just a few seconds. 

It enables customers to view a lot of information without the page load or additional clicks. Customers just need to scroll, love it? then add the product to the cart, proceed to checkout and make payment. Indirectly, it helps to :
* Shorten customers browsing time
* Enhance your customers' buying process
* Mobile-friendly
---
## 2. Installation of Announcement Bar 

**Step 1 :** [EasyStore Admin](https://admin.easystore.co/) > Apps > More Apps > Search **Infinite Scrolling** > Install this app 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1lllz3f.png)

**Step 2 :** Choose your loading type & loading style 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_11z7qwe.png)

**💡 Tips : **
* If your website background is in a darker color, we suggest you select the **Light** loading style.
* If your website background is in a brighter color, may select **Dark** loading style
* Kindly be informed that the infinite scrolling function only applies to the collection page. 

**Step 3 :** Fill in the **End of Content, Error Message** and **View More** text

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1jnvkxi.png)

**💡 Tips :**
* **End of Content** - will appear when the page is scrolled until the bottom (will appear as the image shown below if you select auto **load when scroll down** loading type) 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-69_1fhna2l.png)

* **Error Message** - will appear if there is an issue with loading the collection page

* **View More** - will appear at the bottom of the page (will only appear if you select **load when click more** loading type) 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-70_1dviykb.png)

**Step 4 :** Save and you are done!