#6109·october

Plugin page: clicking the screenshot preview opens the raw image file instead of a lightbox

Author: mplodowskiCreated Sep 9, 2026Updated Sep 9, 2026

Where

Any plugin page on octobercms.com, Screenshots tab, for example https://octobercms.com/plugin/renatio-spamprotection

Current behaviour

The Screenshots tab shows a row of thumbnails and one large preview below them. The preview is an <img> wrapped in a plain <a href="…jpg" target="_blank">, so clicking it leaves the site and opens the bare JPG in a new browser tab, on a blank page with no way back to the other screenshots.

The preview itself is scaled down: a 1116×838 upload is rendered at 837 px wide, so backend screenshots with a list or a settings form are hard to read even on a large monitor. Browsing the thumbnails only swaps the scaled-down preview, so there is no way to see a screenshot at its real size without leaving the page.

Suggested behaviour

Open the screenshot in a lightbox on the page:

  • the image at its original size (or fitted to the viewport when it is bigger),
  • previous / next arrows and keyboard navigation across the plugin's screenshots,
  • the caption of the screenshot shown under the image,
  • close on Escape or on a click outside the image.

Any lightweight library would do (GLightbox, PhotoSwipe, Fancybox), and the existing <a href="…jpg"> markup already carries everything it needs.