How product images appear in the gallery

Product Gallery Slider Pro turns the standard WooCommerce product gallery into a responsive slider. The Pro edition includes all base capabilities, plus vertical layouts, gallery video, expanded lightbox controls, navigation arrow animation and advanced zoom options. The gallery can adapt to desktop, tablet and mobile screens.

Show images for each product variation

WooCommerce normally assigns one picture to each product variation. This plugin lets you add an unlimited number of additional images per variation. When a shopper selects an option such as a color, style or size, the gallery can show the image set for that variation. Separate sets let shoppers inspect how each option looks from several angles.

Gallery layout and slider options

Choose a horizontal layout or a vertical layout positioned on the left or right. Slider settings include navigation, autoplay, thumbnails, infinite looping, adaptive height and mouse dragging. You can also pick a custom image size and turn WooCommerce image zoom on or off.

• Show or conceal thumbnails and configure their lightbox behavior.
• Set slider image captions and navigation arrow animation.
• Use custom CSS for additional visual adjustments.

Lightbox, video and zoom controls

Lightbox settings include thumbnail position and autostart, open and close effects, and image slide animation. Caption settings can add context to slider and lightbox images. Add gallery video from YouTube, Vimeo or a self-hosted source, and configure the advanced zoom options for closer product inspection.

Page builder and theme compatibility

The extension is shortcode ready for custom product pages. The shortcode [product_gallery_slider] can enable the gallery when using a product template builder. Listed page builder support includes Elementor, Elementor Pro, Divi, Visual Composer, Beaver Builder and WP Bakery Builder. The plugin works with most premium themes and works with right-to-left layouts.

Set up a product gallery

Install Product Gallery Slider Pro on your WooCommerce site and configure the gallery settings for your product pages. Add the product and variation images, choose a layout, then adjust slider, lightbox, video, caption and zoom options. Review the gallery on desktop, tablet and mobile views before publishing product changes.