switch/toggle between project index and thumbnail grid?
-
Is there a possibility to switch/toggle between project index and thumbnail grid for a project overview?
Similar to this example as listed on the laytheme website:
https://www.benjaminmugnier.fr/images/If I understood it correctly, the workaround here are two seperate pages/URLS for both view modes, right?
Is it possible to solve it without two URLS? I’d like to stay on one site (URL), and just „turn off“ one and „switch on“ the other one, so my navigation/menu won't be messed up? haha
Thanks in advance <3
-
hey, I did something like this for a client using the expand/collapse row feature. You basically setup your rows like this:
first row: toggle text button (you could call this 'index')
second row: thumbnail grid
third row: project indexRight click the project index row (make sure the project index isn't dragged all the way to edge as you can't right click) and choose 'collapse row' (you can now move the index all the way to grid edge) and then open the text box on the first row and highlight 'images' and choose the button in the top centre with the up and down arrows 'expand/collapse row' link. This opens a dialog box, in there you could change the replacement text to something like 'images' and then click 'row 2' and 'row 3' so they are selected and then save.
I found in my scenario that turning off the 'collapse other rows' and 'scroll to expanded row' to work best and importantly making the gutter 0% between rows 2 and 3 so when you toggle between them they appear at the same height if that makes sense!
Hope that helps!
-
great idea @alasdair17 !
look on his frontpage, he has a thumbnailgrid, and when you click this button, it opens a pageoverlay with a projectindex element
that could be a way to do it
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it