What shoppers see when they select a variation

Variation Images Gallery for WooCommerce Pro lets you create a gallery for each product variation, such as a color, style, finish, or image-based option. When shoppers switch between variations, the gallery can show the media assigned to their selection. Those extra views help shoppers examine product angles, details, or finishes before choosing.

Choose media and gallery presentation

Add unlimited extra images to each variation and arrange them with drag-and-drop sorting. The Pro edition also supports video galleries with videos from YouTube, Vimeo, TikTok, or your own uploads. Images can appear in a grid, and you can choose a gallery style for each product.

• Place thumbnails on the left, right, or bottom of the gallery, and use a slider to browse gallery entries.
• Let shoppers zoom in on variation images and control the zoom button's position.
• Open variation images in a lightbox.

The product's gallery style controls its presentation, while the media is added to the relevant variation. For example, a clothing catalog can display images for each color or style, and a furniture product can show several views of a finish or configuration.

Compatibility

The add-on is described as compatible with the Flatsome Theme Builder Product Gallery Element, the Elementor Page Builder Product Gallery Addon, and the Variation Swatches for WooCommerce extension. It supports product quick view and multisite, and is described as compatible with most popular WooCommerce themes.

Set up a variation gallery

1. Install and activate the Pro plugin through the normal WordPress plugin process.
2. Open a product with variations and add images or supported video content to the relevant variation in the product editing area.
3. Use drag-and-drop sorting to set the media order.
4. Choose the gallery layout and presentation settings for the product, including thumbnail position, zoom, lightbox, grid, video, and product-specific gallery style as needed.
5. Review the product and switch between variations to check the related media.

The supplied setup instructions direct customers to WooCommerce > Settings > Variation Swatches for use and configuration.