Arts Immersive Lightbox for Elementor
| 开发者 | artemsemkin |
|---|---|
| 更新时间 | 2026年10月8日 18:25 |
| PHP版本: | 8.0 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv3 |
| 版权网址: | 版权信息 |
详情介绍:
- Cinematic open and close — the image you click travels into the lightbox and settles back exactly where it came from, however far the visitor has scrolled. The kind of detail people notice before they can say why.
- Explore pan — zoom into a high-resolution photo and it glides with the mouse: visitors wander across every detail just by moving the cursor, the way they'd lean closer to a print. A gift for photographers. Your work gets studied, not skimmed.
- Any link opens the lightbox — every Elementor URL field gains an "Open in lightbox" checkbox: buttons, icons, text links, widgets from any addon. Paste a YouTube or Vimeo link and it opens as video.
- Drag navigation on desktop — pull slides across with the mouse, with the same physics as a touch swipe.
- Thumbnail navigation — a rail of thumbnails for jumping straight to any slide.
- Video slides — YouTube, Vimeo and self-hosted video files, detected straight from the link. No setup.
- Grouped galleries — images from different widgets and sections can join one gallery.
- Captions and counter — the caption reads the same title and description fields as the native lightbox, so nothing needs re-entering.
- Styled in Site Settings — Elementor's existing Lightbox settings (colors, typography, counter) drive this lightbox, editable live in the editor.
- Touch gestures and keyboard — swipe, pinch zoom, arrow keys, Esc, looping galleries.
- The engine loads only when a visitor opens the lightbox; until that first click the page carries just a tiny loader script.
- Zero dependencies — the engine bundles its own tuned PhotoSwipe fork and needs nothing else, not even jQuery.
- Everything ships in the free plugin. There is no Pro tier, your dashboard stays free of ads and nag screens, and nothing ever calls an external server.
- Elementor Free — Image, Basic Gallery, Image Carousel and every widget that opens the native lightbox. Elementor Pro widgets, including the Media Carousel's video slides, work too.
- WooCommerce — when your theme turns on WooCommerce's classic product gallery lightbox, product images and supported product videos open here instead, one gallery per product. The hover zoom stays.
- Any theme.
- Arts Cursor Follower for Elementor — adds a hover hint (magnifier, plus, or a text pill) over lightbox links.
arts-lightbox:open, arts-lightbox:change, arts-lightbox:destroy), exposes CSS custom properties for sizing and theming, and understands a small data-arts-lightbox-* attribute vocabulary for captions, groups, HTML slides and opt-outs. The TypeScript source and the full contract live on GitHub: https://github.com/artkrsk/immersive-lightbox-for-elementor
安装:
- Install and activate the plugin. Elementor must be active.
- There is no step 2 — links Elementor would open in its lightbox now open in this one, following the same rules (including the Image Lightbox switch in Site Settings).
- To restyle it, open Site Settings → Lightbox in the Elementor editor.
屏幕截图:
常见问题:
Does it require Elementor Pro?
No. The free Elementor plugin is enough. If you have Pro, its gallery and carousel widgets work as well.
Do I need to configure anything?
No. The plugin follows Elementor's own lightbox rules: whatever would open in the native lightbox opens here instead. Widgets with "Lightbox: No" stay excluded, and the kit's Image Lightbox switch still governs plain image links.
Does it work with YouTube and Vimeo?
Yes. YouTube and Vimeo URLs and video files open as video slides automatically — the plugin detects them from the link itself.
Can a button or an icon open the lightbox?
Yes — any element with a link. Every Elementor URL control has an "Open in lightbox" checkbox: tick it and the link opens in the lightbox instead of a new page. That covers image links as well as YouTube, Vimeo and video file URLs.
How do I change the lightbox colors and fonts?
In the Elementor editor, open Site Settings → Lightbox. Background, UI and text colors plus caption and counter typography apply to this lightbox, with a live preview.
Can images from different sections join one gallery?
Yes. Widgets already grouped by Elementor's slideshow setting stay grouped, and a data-arts-lightbox-group attribute joins anything else across containers.
Will it slow down my site?
No. Nothing heavy loads up front — the engine and its styles are fetched the first time a visitor opens the lightbox, and the plugin has zero dependencies.
Does it work with WooCommerce product galleries?
Yes. If your theme turns on WooCommerce's classic gallery lightbox, the plugin switches that one off and opens its images here, so a product page runs one lightbox instead of two. Each product's images and enabled product videos form one gallery. Captions follow the current image when a variation changes it.
What happens if I deactivate the plugin?
Elementor's native lightbox returns exactly as it was, and so does WooCommerce's product gallery lightbox. The plugin claims clicks in the browser and never rewrites your content.
更新日志:
- added: the lightbox now takes over the WooCommerce product gallery, including image and video items grouped per product, and hover zoom keeps working.
- added: themes and custom integrations can now use a standalone browser build of the lightbox with a clean open and close lifecycle.
- fixed: product pages no longer show a second lightbox without its dark backdrop, and the lightbox styles no longer affect other lightboxes on the page.
- added: active lightbox-root observation and the opening source element in lightbox events make custom widget integrations more reliable.
- improved: clicking a thumbnail no longer leaves an unnecessary keyboard-focus outline behind after navigation.
- fixed: lightbox navigation with the Left and Right Arrow keys now follows reading direction on right-to-left sites.
- fixed: opening and closing transitions now stay visually aligned with horizontally cropped media, and no longer hide a linked card’s caption, badge, or other surrounding content.
- improved: thumbnail navigation can now show a preview from self-hosted videos without poster images, when the browser allows it.
- improved: the lightbox now prepares in idle time on pages that use it, making the first open feel faster.