Dear @Helena
Unfortunately at this time, it cannot be easily done in the way the example presents.
However Lay Theme does provide you the ability to add Custom Code for purposes like this.
This could be achieved through some simple CSS & Javascript.
The way i would approach it:
Create a page with all categories shown
Create a custom Menu within the Gridder ( no Links, just text - or intentionally turn off the the current menu's ability to link to other pages).
Use Custom CSS to have all categories not shown - 'display:none'
Use jQuery to say: ' If ' you click on this Menu Link - ' then' these projects get the Class or Id added: 'active' or 'Show'
Add Custom CSS that relates to this new class or Id - 'active' or 'show'
'active' gets 'display:block' for example
This means that when you click on one of your menu items, only the projects that relate to that Category get the class 'active' and therefore are shown to the viewer.
If you dont wish to add the categories to the jQuery manually you could use the 'data-title' information already there:
Screen Shot 2020-11-30 at 12.22.34 PM.png
Say: If the Menu item matches the 'data-title' Then add the class or ID 'active'
You will need to remove the class 'active' from the past/current shown projects when clicking a new menu point. This way they wont all be shown after a few menu choices.
https://laytheme.com/documentation.html#custom-javascript
https://laytheme.com/documentation.html#custom-css-styling
I apologise Helena that i am unable to help you in a more detailed Tutorial, but dont give up as there is so much information online with these topics, Google is your best Friend :)
You may wish to seek the Aid of a developer if this suits you, or seek the advice of the many lovely people on this forum.
Let me know if i can be of more help in this capacity and i will do my best!
Hope you have a wonderful day and best wishes.
Richard
