Custom work for CMS portfolio grid + filters

Hi!

We are almost done with a website but we need it to be possible to have some custom filters and grid done. Right now we’ve used CSS grid and we’ve done it “static” and with tabs, but it would be great to be able to use CMS collections and assign filters (classes, ids, custom field within CMS preferrably) so when you click it gets reorganized easily.

http://lobsterstudio.webflow.io/work

On the LAB page (http://lobsterstudio.webflow.io/lab) something similar, but there are only images, no custom projects inside, just filters those images with a class or ID.

Found this examples that could be in the right direction but don’t know how to implement:
https://mixitup-filtering.webflow.io/mixitup-plugin-dynamic-content


https://isotope.webflow.io/

Hi,

I can help. Please get in touch with me over email amanda@cisinlabs.com to discuss this further in detail. Or skype me: live:amanda_17153

Thanks,
Amanda

Hi,
If you are still looking out for some help, feel free to reach out to me as this is well within my area of expertise.
You can reach me on andrewjohnson56782@gmail.com
Best Wishes,
Andrew

I’m updating the request since the client asked for further customizations, this is what they are looking for:
We asked for the labs page was to have each load randomized order, and was thinking if that can be also manipulated by a button on the page.

What we imagine is an icon like a shuffle on filter bar when you press they reposition

When we have the lab page loads to have a specific number of gifs loaded and not all of them. For example we can have 6 lines appearing on first load, and then as we scroll to the bottom there can be text that says LOAD MORE, and by pressing it another 6 lines appear. That would bring a bit of depth to the page and probably would make it a bit less heavy on first load.

Filters: Character, Abstract, Conceptual, Lifestyle, Typo, Weirdo, Shuffle