Keyboard Shortcuts for Product Image

What’s New?

We’ve added keyboard shortcut support to the Product Details Page for smoother image navigation when Open Lightbox zoom is enabled.

Customers can now:

  • Press Escape to close the lightbox.
  • Use Right Arrow to go to the next image.
  • Use Left Arrow to go to the previous image.
  • Navigate seamlessly with wrap-around support from last to first image, and vice versa.

The lightbox also auto-focuses when opened, so shortcuts work immediately without needing an extra click. Arrow keys will no longer scroll the page behind the popup.

How to Use It?

  1. Open a Product Details Page with Open Lightbox zoom enabled.
  2. Click a product image to open the lightbox.
  3. Use Escape, Left Arrow, or Right Arrow to control navigation.

Key Points to Note:

  • Thumbnail strip auto-scrolls to keep the active thumbnail visible.
  • Mouse interactions like arrow clicks, thumbnails, close, zoom, and grid toggle remain unchanged.
  • Supported in both Page Builder and Builder Preview.