On the mobile version, when I click next on one paginated collection, the other paginated collection also switches pages.
On both desktop and mobile version, once I’ve pressed next on any of my other paginated collections, I couldn’t switch through my tabs anymore. I have to skip pressing next on the paginated collections so I can switch through my tabbed section at the bottom.
Hey Carlotta! Thanks so much for recording the in-depth video on this issue. The details are super appreciated.
In regards to the tab issue and the buttons not working, I’m going to have to play around when I get some more free time soon and see what’s going on, but I’m going to tab some Webflow staff members to see why this is happening - that’s odd behavior. @Waldo@rileyrichter@cyberdave
In regards to your random blanks in your grid, might I suggest setting a width on the Collection Item 4 class within the Design Sets Template? Try setting a width of 48% percent on that collection item and see if that resolves the issue. After that, apply flex to your Tag Collection List class and set your settings as follows:
I tried it in the Designer and it looked like it worked.
Let me know if this resolves your issue on this page and I’ll take a look at the other pages when I get a little more time!
Hi there — 48% was arbitrary, but I wanted to set it to something close to 50%. 50% works great if you have no margin on your element that has the 50% width, but if you have margin (say, like 10px or so on each side), 50% would be too wide and force the element to wrap.
Does that make sense? I’m away from my computer right now but I’m happy to explain it in better detail later on.
I checked and making it flex didn’t seem to work. so I just did 6 items with 33% width, that seems to work for some reason. Also any help with my previous/next issue??? It’s been awhile.
so I spoke to one of the mentors from the fb group and we found that the code to make it switch seamless was missing some elements and we associated the ID to my container. So now when I switch through pagination, it doesn’t switch the other CMS lists anymore. I’ll reference the correct code below.
there is still one issue though:
Now when I switch through my tabs’ pagination, it would:
switch to the next page
but would go back to my main tab
Like for example, if Full Suite is my main tab, I go to Save the Dates and switch the pagination in the container there, it would switch the page but as it reloads to switch, I find myself back viewing the Full Suite tab as the active tab – not Save the Dates.
How do you make it so that it stays in the correct tab?
OK I thought the issue with seamless replace and tabs was resolved but not really. You’ll pop back to the original tab but once you’re back in the correct active tab, it’ll scroll through the pagination sequence as intended.
I hit a snag somewhere. The page still reloads and goes back to the main tab, although it does separate the pagination page scroll-through number (page count).