Big Cartel Theme Support

How do I enable infinite scroll for my product thumbnails?

How do I enable infinite scroll for my product thumbnails?

What is infinite scroll?

Your Aarcade theme will split your product thumbnails across multiple pages in accordance with your product grid options, i.e. the Number of columns and Number of rows settings in your Aarcade theme file.

If you enable infinite scroll, your Aarcade theme will load the thumbnails from the next page automatically as your visitor scrolls towards the bottom of the thumbnail grid. This will be repeated as the visitor continues to scroll until all thumbnails have been loaded on the one page.

Pros and cons

Before enabling this feature, you should consider the pros and cons. Infinite scroll may make viewing all of your thumbnails more efficient (especially on mobile devices), subsequently increasing the number of visitors that view all of your thumbnails. However, it may dilute the visitor’s focus to the point of reducing actual clicks to your products. It also prevents the visitor from skipping back and forth through your products or bookmarking a certain page of products. This can hinder revisiting, comparing and sharing your products.

Enable infinite scroll

To enable infinite scroll with your Aarcade theme, add the following custom CSS to your custom style coding area - see Where do I add custom style code?:

/* Enable infinite scroll */
.js ul.pagination {
	display: none;
}

Click the Done and Save buttons to apply your changes.

AarcadeHow do I enable infinite scroll for my product thumbnails?