The Lightbox block can be used to wrap images to give them lightbox capability.
While the ska/image and ska/gallery blocks already have an option to enable lightbox, you can wrap multiple images (and/or galleries) 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”:
The lightbox uses the PhotoSwipe library, same library is also applied to WooCommerce product images when using ska-theme.
Images wrapped with a lightbox block
<!-- wp:ska/lightbox {"skaBlocks":{"cx":"flex flex-col gap-3","css":".flex{display:flex}.flex-col{flex-direction:column}.gap-3{gap:var(--spacing-3)}","t":1758876679},"skaBlocksDisplay":{"v":{"$":{"@":"flex"}}},"skaBlocksFlexDirection":{"v":{"$":{"@":"col"}}},"skaBlocksGap":{"v":{"$":{"@":"3"}}}} -->
<div class="flex flex-col gap-3 wp-block-ska-lightbox">
<!-- wp:ska/image {"mode":"file","role":"presentation","width":1024,"height":614,"id":267,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-11-1024x614.png" width="1024" height="614" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/element {"skaBlocks":{"cx":"grid grid-cols-2 gap-[inherit]","css":".grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-\\[inherit\\]{gap:inherit}","t":1758876679},"skaBlocksDisplay":{"v":{"$":{"@":"grid"}}},"skaBlocksGridTemplateColumns":{"v":{"$":{"@":"2"}}},"skaBlocksGap":{"v":{"$":{"@":"[inherit]"}},"a":["[inherit]"]}} -->
<div class="grid grid-cols-2 gap-[inherit] wp-block-ska-element">
<!-- wp:ska/image {"mode":"file","role":"presentation","width":768,"height":461,"id":257,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-3-768x461.png" alt="Placeholder image" width="768" height="461" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","role":"presentation","width":768,"height":461,"id":261,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-5-768x461.png" alt="Placeholder image" width="768" height="461" loading="lazy"/></a>
<!-- /wp:ska/image -->
</div>
<!-- /wp:ska/element -->
<!-- wp:ska/element {"skaBlocks":{"cx":"grid grid-cols-3 gap-[inherit]","css":".grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-\\[inherit\\]{gap:inherit}","t":1758876679},"skaBlocksDisplay":{"v":{"$":{"@":"grid"}}},"skaBlocksGridTemplateColumns":{"v":{"$":{"@":"3"}}},"skaBlocksGap":{"v":{"$":{"@":"[inherit]"}},"a":["[inherit]"]}} -->
<div class="grid grid-cols-3 gap-[inherit] wp-block-ska-element">
<!-- wp:ska/image {"mode":"file","role":"presentation","width":300,"height":180,"id":266,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-10-300x180.png" alt="Placeholder image" width="300" height="180" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","role":"presentation","width":300,"height":180,"id":264,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-8-300x180.png" alt="Placeholder image" width="300" height="180" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","role":"presentation","width":300,"height":180,"id":260,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-4-300x180.png" alt="Placeholder image" width="300" height="180" loading="lazy"/></a>
<!-- /wp:ska/image -->
</div>
<!-- /wp:ska/element -->
</div>
<!-- /wp:ska/lightbox -->Images & a slider with a gallery wrapped in a lightbox
<!-- wp:ska/lightbox {"skaBlocks":{"cx":"flex flex-col gap-3","css":".flex{display:flex}.flex-col{flex-direction:column}.gap-3{gap:var(--spacing-3)}","t":1758876679},"skaBlocksDisplay":{"v":{"$":{"@":"flex"}}},"skaBlocksFlexDirection":{"v":{"$":{"@":"col"}}},"skaBlocksGap":{"v":{"$":{"@":"3"}}}} -->
<div class="flex flex-col gap-3 wp-block-ska-lightbox">
<!-- wp:ska/element {"skaBlocks":{"cx":"grid grid-cols-2 gap-[inherit]","css":".grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-\\[inherit\\]{gap:inherit}","t":1758876679},"skaBlocksDisplay":{"v":{"$":{"@":"grid"}}},"skaBlocksGridTemplateColumns":{"v":{"$":{"@":"2"}}},"skaBlocksGap":{"v":{"$":{"@":"[inherit]"}},"a":["[inherit]"]}} -->
<div class="grid grid-cols-2 gap-[inherit] wp-block-ska-element">
<!-- wp:ska/image {"mode":"file","role":"presentation","width":768,"height":461,"id":257,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-3-768x461.png" alt="Placeholder image" width="768" height="461" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","role":"presentation","width":768,"height":461,"id":261,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-5-768x461.png" alt="Placeholder image" width="768" height="461" loading="lazy"/></a>
<!-- /wp:ska/image -->
</div>
<!-- /wp:ska/element -->
<!-- wp:ska/slider {"slidesPerView":"3","spaceBetween":"16","skaBlocksSelectors":{"swiper-slide":[]}} -->
<div class="swiper wp-block-ska-slider" data-ska-swiper="{{ska-slider-id}}"><div class="swiper-wrapper">
<!-- wp:ska/gallery {"ids":[266,265,264,260],"size":"medium","linkTo":"full","wrap":false,"skaBlocks":{"cx":"grid grid-cols-auto-fit-xs gap-4","css":".grid{display:grid}.grid-cols-auto-fit-xs{grid-template-columns:repeat(auto-fit,minmax(min(var(--spacing-48),100%),1fr))}.gap-4{gap:var(--spacing-4)}","t":1758876679},"skaBlocksSelectors":{"[\u0026\u003e.image]":[]},"skaBlocksDisplay":{"v":{"$":{"@":"grid"}}},"skaBlocksGridTemplateColumns":{"v":{"$":{"@":"auto-fit-xs"}}},"skaBlocksGap":{"v":{"$":{"@":"4"}}}} -->
<div class="grid grid-cols-auto-fit-xs gap-4 wp-block-ska-gallery"><span class="ska-gallery-content-placeholder"></span></div>
<!-- /wp:ska/gallery -->
</div><div class="swiper-button-prev ska-swiper-nav__button"></div><div class="swiper-button-next ska-swiper-nav__button"></div></div>
<!-- /wp:ska/slider -->
<!-- wp:ska/element {"skaBlocks":{"cx":"grid grid-cols-2 gap-[inherit]","css":".grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-\\[inherit\\]{gap:inherit}","t":1758876679},"skaBlocksDisplay":{"v":{"$":{"@":"grid"}}},"skaBlocksGridTemplateColumns":{"v":{"$":{"@":"2"}}},"skaBlocksGap":{"v":{"$":{"@":"[inherit]"}},"a":["[inherit]"]}} -->
<div class="grid grid-cols-2 gap-[inherit] wp-block-ska-element">
<!-- wp:ska/image {"mode":"file","role":"presentation","width":1280,"height":768,"id":262,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-6.png" alt="Placeholder image" width="1280" height="768" loading="lazy"/></a>
<!-- /wp:ska/image -->
<!-- wp:ska/image {"mode":"file","role":"presentation","width":1280,"height":768,"id":263,"skaBlocksLink":{"href":"#ska-link--media-file","opensInNewTab":false}} -->
<a href="#ska-link--media-file" class="wp-block-ska-image"><img aria-hidden="true" src="https://ska-blocks.com/docs/wp-content/uploads/sites/3/2025/09/image-7.png" alt="Placeholder image" width="1280" height="768" loading="lazy"/></a>
<!-- /wp:ska/image -->
</div>
<!-- /wp:ska/element -->
</div>
<!-- /wp:ska/lightbox -->