Load more is displaying a collection list without an attribute.
We have 2 collection lists on the banner at the top of the page, those do not have any attribute, but when you click on load more, the contents of the said collection list is displaying.
Any one knows a fix for this?
Site URL
Required: Please provide a staging/production URL where we can see the issue
The issue here is that your news collection list is missing an instance identifier, while your banner already has fs-list-instance="sales" set. When multiple collection lists using Finsweet Attributes live on the same page, they can interfere with each other — so the Load More button ends up targeting the wrong list.
The fix is to give each list its own unique fs-list-instance attribute. Here’s how:
Find the wrapper parent of your news collection list — the div that contains your Collection List (with fs-list-element="list" and fs-list-load="more") along with the Load More button.
Add this attribute to that wrapper parent:
fs-list-instance="news"
Just make sure the name is different from “sales” — or any other instance on the page.
Publish and test — the Load More button should now only load items from the news list.
One thing worth noting: the fs-list-instance attribute needs to go on the wrapper parent that contains all the elements of that instance (the list, pagination, filters, etc.), not directly on the Collection List element itself.
Tried adding the attribute, still not working properly.
I read the instructions for Load more and I think this is only used for multiple instances of Load more in the page, I only have one instance of Load more, though I have multiple collection lists on the page.
