Skip to main content
All CollectionsWidgetsShopping Enhancers
How to Use the Infinite Scroll Widget?
How to Use the Infinite Scroll Widget?

A guide on how to use the Infinite Scroll widget.

Micah Quinto avatar
Written by Micah Quinto
Updated yesterday

What is an Infinite Scroll Widget?

The Infinite Scroll add-on is a great way to enhance the user experience on your website. This add-on removes the traditional pagination system, allowing for a seamless browsing experience for your users.

How Does the Infinite Scroll Widget Work?

The Infinite Scroll widget allows you to display all of your products on a single page. As the user scrolls down, more content is automatically loaded, eliminating the need for them to click to the next page. This creates a continuous browsing experience, making it easier for users to find what they are looking for.


How to Enable/Disable the Infinite Scroll Widget?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

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

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Paid Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


How to Manage the Infinite Scroll Settings?

STEP 1

In Shopify Admin, select Online Store.

STEP 2

Select your Debutify Shopify theme, and click on Customize.

STEP 3

Click on Theme Settings > Infinite Scroll. Under settings, click the button and choose either Endless Click or Endless Scroll.

  • Endless click - takes the place of paginations with a “Load more” button.

  • Endless scroll - automatically loads items as you scroll down the page.

STEP 4

If you use endless click, you have the option to loading button style.

Here is an example using Endless click.

Here is an example using Endless click.

STEP 5

If you use Endless scroll, you can alter the loading image. Click on Select Image, choose an image and click on Select.

Here is an example using Endless scroll.

Here is an example using Endless scroll.

STEP 6

Click Save to apply the changes.

Did this answer your question?