Online, nobody can pick the product up. The gallery is the whole of the tactile experience — it is where a shopper checks the finish, the scale, the detail the description skipped. WooCommerce ships a serviceable gallery, but it is the theme’s to control, and bending it usually means a child theme and a lightbox plugin. The Product Gallery widget puts that surface inside Elementor: four layouts, a lightbox with no external library, and a hover zoom lens. Sentio built the Elementor Product Gallery so the most persuasive part of a product page can be designed like everything else on it.
What Is the Product Gallery Widget?
The Product Gallery widget takes a product’s featured image and gallery images and presents them however the page needs. Four layouts ship in one dropdown: vertical thumbnails beside the main frame, horizontal thumbnails beneath it, dots instead of thumbnails, or a grid that lays every photo out at once. Frames change with a fade, a slide or a flip. A hover zoom lens magnifies the image under the cursor at a scale you set, and clicking opens a lightbox that is pure CSS and JavaScript with no third-party library loaded. It can run on a product page against the current product, or be pointed at a specific product anywhere on the site — useful for a landing page that features one item. Every Elementor Product Gallery instance is configured from one panel.
Key Features of the Product Gallery Widget
- Four layouts, three transitions — vertical thumbs, horizontal thumbs, dots or grid, each with fade, slide or flip between frames.
- Lightbox with no external library — a CSS-driven overlay with zoom, keyboard arrows and escape to close, and pinch-to-zoom on touch devices.
- Hover zoom lens — magnify the image under the cursor at a configurable scale, without leaving the page or opening anything.
- Gallery chrome, all optional — arrows, a photo counter, a sale badge overlay, infinite looping, and lazy loading with a skeleton placeholder.
Why Use the Product Gallery Widget on Your Site?
Detail sells, and the gallery is where detail lives. The Product Gallery widget lets that surface match the product it is selling rather than the theme it sits in. A coffee roaster can stack vertical thumbnails beside a crossfading main frame and turn on the zoom lens so shoppers can inspect the grind. A homeware store can move the thumbnails underneath, slide between them, and keep the lightbox one click away for anyone who wants the full-size photograph. A minimal concept shop can drop the slider entirely and use the grid, showing every image at once with nothing but the pictures on screen. Because the lightbox and zoom are built in, none of this pulls in a gallery plugin or a second JavaScript library, which is usually where product pages start getting slow. Keyboard navigation and escape-to-close come as standard, so the same Elementor Product Gallery is usable without a mouse.
Getting Started With Product Gallery in Minutes
Install Sentio Addons on a store running WooCommerce and drop the Elementor Product Gallery widget onto a page. On a product template it will use the current product automatically; anywhere else, switch the source to manual and pick a product. Choose a layout, set how many thumbnails to show, and pick a transition. Turn on the zoom lens and set its scale, decide whether the lightbox is enabled, and switch on arrows, the counter, the sale badge and infinite looping as the design requires. Everything after that is styling — the main frame, thumbnails, arrows and badge each have their own controls for size, radius, colour and shadow.
See the Product Gallery Widget in Action
The widget page above this article runs three configurations: a navy gallery with vertical thumbnails, a crossfade and a 2x zoom lens; a pink one with thumbnails beneath and a sliding transition; and a minimal grid that shows every frame at once. Click any image to open the lightbox, and use the arrow keys once it is open.
A product page lives or dies on whether the shopper can picture owning the thing. Reach for the Product Gallery widget for Elementor and the images get the same design attention as the rest of the page, without a lightbox plugin bolted on beside them. Sentio Addons keeps building practical, design-system-friendly widgets like this because publishing teams need real tools, not toy components.