{"id":52,"date":"2025-09-26T08:50:55","date_gmt":"2025-09-26T08:50:55","guid":{"rendered":"https:\/\/ska-blocks.com\/docs\/2025\/09\/26\/lightbox-block\/"},"modified":"2025-10-25T08:03:50","modified_gmt":"2025-10-25T08:03:50","slug":"lightbox-block","status":"publish","type":"post","link":"https:\/\/ska-blocks.com\/docs\/lightbox-block\/","title":{"rendered":"Lightbox block"},"content":{"rendered":"\n

The Lightbox block can be used to wrap images to give them lightbox capability.<\/p>\n\n\n\n

While the ska\/image<\/code> and ska\/gallery<\/code> blocks already have an option to enable lightbox, you can wrap multiple images (and\/or galleries<\/a>) with the Lightbox block to have the images render in the same lightbox. To achieve that you should disable the “Lightbox” option on the original blocks and instead change their links to “Full size image”:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

The lightbox uses the PhotoSwipe library<\/a>, same library is also applied to WooCommerce product images when using ska-theme<\/a>.<\/p>\n\n\n\n

\n\n\n\n

Images wrapped with a lightbox block<\/h2>\n\n\n
\n
\n
\n<\/a>\n\n\n\n
\n<\/a>\n\n\n\n<\/a>\n<\/div>\n\n\n\n
\n<\/a>\n\n\n\n<\/a>\n\n\n\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n\t