The Infinite Scroll widget replaces traditional pagination (pages 1, 2, 3...) with a smoother browsing experience by loading more products on the same page.

There are two types available:

Both options keep customers on a single page, making product discovery faster and more seamless.

STEP 1
Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2
Click on the Theme settings icon.

STEP 3
Open the 🎁Free widgets tab and toggle the Infinite Scroll Widget option.

STEP 1
Go to Sections, open the Debutify Widgets section, and locate the Infinite Scroll block.

STEP 2
Click on the Infinite Scroll block to open its settings.

STEP 3
Under Scroll Type, select either Endless Click or Endless Scroll.

STEP 4
If you selected Endless Click, you can customize the button label, style, and size.
If you selected Endless Scroll, you can choose a loading icon to display as more products load.

Ensure the Products per page setting is lower than the total number of products in the collection.
​
For example, if there are 20 products and all are set to load at once, auto scroll won't trigger.

To enable it, simply reduce the number of products shown initially so the rest can load as the user scrolls.
​

STEP 1
Open the theme editor and navigate to the Collection page.

STEP 2
Click on Product Grid.

STEP 3
Set Products per page to a number lower than the total number of products in the collection.

When using widgets in the Debutify Theme, you are fully responsible for their configuration, content, and compliance with applicable laws and regulations. Debutify is not liable for any outcomes or consequences resulting from their use.

For the full disclaimer and additional details, please read the complete article here: Disclaimer for Using Debutify Theme Widgets.

Your commitment to transparency and ethical practices is crucial for building trust and maintaining a compliant online presence.

​