Product image displays across WooCommerce

TP Gallery PRO provides image presentation settings for shop, category and other archive pages, individual product pages, and shortcode carousels. The controls depend on the display: archive loops can use a hover flipper or mini slider, product pages have five gallery layouts, and variation galleries switch image sets when a shopper selects an option.

Archive loop modes and controls

Flipper Mode swaps product images on hover. Slider Mode shows a mini gallery with navigation on each product. Both modes can display product gallery images, and the loop galleries work with Elementor product grids. Flipper Mode depends on hover and shows only the first image on mobile devices without a hover event; Slider Mode works with touch and swipe.

• Set slider autoplay, optional dot navigation and infinite looping.
• Allow mouse interaction or dragging. Visitors can change images using dots or thumbnails.
• Customize arrow colors, backgrounds and icons, with circle, square, rounded or minimal arrow styles.
• Style slider dots as circles, squares or rectangles.
• Choose from 36 animation transform types and available theme image sizes.

Product-page galleries

Replace the default WooCommerce gallery with thumbnails below, to the left or right of the main image, a grid mosaic, or a slider-only layout. Choose inner, lens or window zoom to inspect product imagery. The gallery can also include embedded YouTube or Vimeo videos and a full-screen lightbox with smooth transitions.

Variation swatches and image sets

Use color swatches, image swatches with miniature thumbnails, or label swatches with styled text buttons in place of standard variation dropdowns. When a product has distinct imagery for each option, its per-variation gallery switches to the matching image set when the shopper selects that variation.

Shortcode carousels

Create product, category and brand carousels with shortcodes. Product sliders include five design presets. Category sliders have circle, grid and carousel styles; brand sliders have seven styles. Cross-sells and upsells can also appear as Swiper sliders.

Responsive behavior and compatibility

• Conditional loading limits scripts to relevant pages.
• Responsive images use srcset and sizes attributes.
• HPOS support, Full Site Editing and block theme readiness, RTL support, and PHP 8 support are included.
• Duplicate images can be removed so only extension-generated images appear, and the flipper can be limited to gallery images.

Installation

Install TP Gallery PRO as a WordPress extension and activate it. Then configure the gallery, loop, swatch and slider options for the store. Use the display options and shortcodes to place product, category, brand, cross-sell or upsell presentations where needed.