My architect client wants to showcase some technical drawings of the buildings which should open a lightbox upon clicking. How can I do this?
Also he wants to have the Spaced Metro layout and effects for the projects page, but he also wants some custom elements at the top. The demo page for Spaced Metro is not editable in Elementor, or at least there's no Spaced Metro element that I can add in Elementor. Any way I can achieve this? Thank you!
Hi!
My architect client wants to showcase some technical drawings of the buildings which should open a lightbox upon clicking. How can I do this?
Also he wants to have the Spaced Metro layout and effects for the projects page, but he also wants some custom elements at the top. The demo page for Spaced Metro is not editable in Elementor, or at least there's no Spaced Metro element that I can add in Elementor. Any way I can achieve this? Thank you!
Hello Teo,
there are several solutions for displaying the works with lightbox popup (and/or video popup).
the easiest is to group in them in columns and rows or sort of a grid.
scrolling panels involves an extra step. you can take the html output of the shortcode and modify it to add the lightbox links around the images.
As you notice the light box image is wrapped in a <a> tag wich links to the image itself and has class 'image-link'
https://prnt.sc/k4MDsy5Tyi5w
Then you paste back the modified HTML into the editor (instead of the shortcode/block/widget)
The spaced metro layout
http://clapat-themes.com/wordpress/harington/spaced-metro/
is based in the Portfolio Grid template
therefore you can add content before or after the portfolio grid (this is a setting in page options actually - before or after the grid).
https://prnt.sc/IEdLIhNLeiVn
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio