First post here so any issues with the post do let me know, also I’m still new to Webflow.
My issue
I have an FAQ collection list with 13 records, I have limited the records to 8 but naturally I’m going to need to show all records for this I want to create a show more button that when clicked shows all records.
Here is what the FAQ page looks like
Given the current state of Webflow, is this possible to do within Webflow?
the first cms list is limited to 8 I think?
Cant, you place a second cms list that starts from 8 without a limit?
Then make the second cms list visible when you click the button?
let me know if this helps and if you have a share link I could make a screen capture for you
This can be achieved by using a 2nd faq collection list with no limits set. Add an interaction to the show more button that hides the 1st collection and displays the 2nd. Of course you can add more to the interaction to smooth it out and make it snazzy.
This would allow you to show up to 100 faqs. Hope that helps. Happy designing!
There all open now because I’m playing around with the animation trying to get it to work, I can’t just wait around for a response that would be absurd, if I revert the animation then only the three show more items are open, the rest are closed.
I’ve reverted the changes so you should see the issue yourself now.
But if you do come up with some help or solution that would be very appreciated.
Also it would be good to show/hide the button as well. You could also create a “show less” button that reverses the show more interaction.
Below is the result. The key is that the trigger needs to be a parent or sibling of the elements being affected in order to isolate the interaction to just one of the collection items.
How can you do this if you are using a multi-ref collection? It only allows item limit and you cannot start a second collection from another specific item number.