Add Support for Infinite Scrolling in Motion Theme
closed
R
Richard Han
Feature Request:
As per the conversation with the customer, Richard, it appears that the Motion theme he is using has an 'infinite scrolling' behavior causing issues with the number of items displayed on collection pages. To address this usability concern, we would like to request support for 'infinite scrolling' within the Motion theme in Regios Automatic Discounts.
This feature enhancement would ensure that all items are displayed seamlessly on collection pages, providing a smoother browsing experience for customers. Your prompt consideration of this feature request is appreciated.
Thank you.
Tobe Osakwe
closed
Tobe Osakwe
open
We have heard back from the Archetype Themes team. Unfortunately, their support team is not able to assist with any customizations.
Based on the information available, it doesn't seem like infinite scrolling is actually a built-in feature of the Motion theme.
In addition, I was not able to find any JavaScript events in theme that are fired when any "infinite scrolling" occurs.
If you have custom "infinite scrolling" implemented in your theme, then you will need to fire this event that our app listens for when new items are loaded.
At this time, we'll close this thread, as it's not clear how we would be able to implement this if it's not actually included in the theme.
For transparency's sake, here is the response we received from Archetype:
"
Sat, Oct 12, 8:55 PM (12 hours ago)
to me
Hi Tobe,
I'm [NAME REDACTED] from Archetype Themes. Thank you for reaching out and for giving me the opportunity to lend a hand.
- How can I enable infinite scrolling? I wasn't able to find any relevant settings in the theme editor settings. My preview version of the theme has traditional pagination at this time.
We don't have an infinite scroll option within the collection page theme settings. But you can make a small tweak in the theme files to show more products on the collection page.
You will want to navigate from your admin to themes > three-dotted button > edit code > sections/main-collection.liquid. In that file scroll to line 130 and edit the value 5 as it stands for the number of rows, you have in the collection currently. So you can increase this to show any amount of rows you would like to show. You can review the image below for reference.
Please note that 50 is Shopify's recommended limit of products per page as anything more than that may affect speed page results, but you can edit the value to your liking to show as many products as you want.
- Is there a JavaScript event fired when another page of products in a collection is loaded? I looked at your "JavaScript events for developers" article. I noticed the "collection:reloaded" event, but it doesn't seem to be related.
Sorry, we are not able to provide any assistance with customizations such as this under our support policy. Our support is 100% focused on explaining our theme features and addressing any theme-related bugs that might come up.
The Shopify community is a good resource if you are familiar with coding. You can create a post regarding this and different partners and developers in Shopify will provide some inputs here.
All the best,
"
Tobe Osakwe
under review
Now that our app's DOPP API has an event listener for updating the "Collection Page Discount" in response to infinite scrolling, it
may
be possible to implement this for the Motion theme out of the box.We have just reached out to Archetype themes to find out if there is a straightforward to integrate our app with their theme's infinite scrolling.