Shopify Infinite Scroll | Auto Loads Products

Infinite scroll in the Shopify store provides a feature that auto-loads the following products on the collection page as soon as the visitor scrolls down to the bottom. It eliminates the need to click the next and previous pagination buttons to browse the products.

Shopify infinite scroll is a valuable feature you can add to your store to improve the customer product browsing experience. You can add infinite scroll to Shopify store in mainly two ways:

Adding an  infinite scroll to your shopify store using the custom code will autoload more products once the visitor reaches the bottom of the page.

Our infinite scroll for Shopify is easy to use. You don’t need to hire any developer to do so.

Here are easy steps to add an infinite scroll code to Shopify:

• Step 1: Download the `meetanshi-infinite-scroll.zip` file from the “My orders” section on our website.
• Step 2: Extract the contents of the zip file on your local computer. Open the "Meetanshi Infinite Scroll " folder then Open the `meetanshi-infinite-scroll.txt` file in Notepad or any other text editor and copy the code.
• Step 3:Log into your Shopify admin panel and navigate to Online Store > Themes. Click the three dots beside the customize button and select “Edit code.”
• Step 4: In the left sidebar, scroll down to Snippets and click “Add a new snippet.”
• Step 5: Enter `meetanshi-infinite-scroll` in the name field and click “Done.” Paste the copied code into the new snippet and Save it.
• Step 6: Go to the 'settings_schema.json' file, then go to last of the file and find out '}' this curly brace available at or before the ']'  square brackets , after that find this '}' curly brace then do the comma ',', after that Open the "Meetanshi Infinite Scroll" folder and Open the `schema-settings.txt` file in Notepad or any other text editor and copy the code, and put that code 
  after the comma, then Save it.
• Step 7: In the left sidebar, scroll down and open 'main-collection-product-grid.liquid' file then find out
• Step 8: Replace the above code with  the following code then Save it.
• Step 9: Go to Themes > Customize, click “Settings,” and select the "Meetanshi Infinite Scroll"  Customize the grid settings to fit your store’s design.