Variation Swatches and Gallery for WooCommerce

Variation Swatches and Gallery for WooCommerce enhances the standard WooCommerce variable product display by replacing default dropdown menus with customizable swatches, radio buttons, and color circles, while also allowing slider thumbnail positions for each product gallery with introducing flexible gallery layouts. The plugin enhances the WooCommerce shopping experience.

👉 Plugin Demo | Documentation | Get Pro 👈

Core Features & Highlights

✨ Attribute Swatches: Replaces default drop-down selectors with interactive color circles, custom shapes/styles, or select and radio buttons.

✨ Image slider: Uses Slick Slider for smooth, responsive navigation of the main product gallery image.

✨ Thumbnail position (Top/ Bottom) : Offers flexible positioning for product gallery thumbnails with options to align them on the top and bottom.

✨ Thumbnail slider: Uses Slick Slider for smooth, responsive navigation of the main product thumbnail image.

✨ Zoom option: Enables a zoom feature on main product images, allowing detailed viewing across all color and style variations.

✨ Light box: Enables a lightbox popup for viewing product variation and main gallery images in a full-screen, high-resolution display.

✨ Global & Product-Level Controls: Configure settings globally via WordPress Admin → Tools → Swatches & Gallery or customize them per product under the product editor tab.

How to Work Settings with Swatches and Gallery.

✨ Thumbnail Position: Top and Attibute Shape: Radio — Features top-aligned product thumbnails alongside radio-style shapes for attribute selection. 👉 Live Demo | Documentation

✨ Thumbnail Position: Bottom and Attibute Shape: Select — Features bottom-aligned product gallery thumbnails alongside dropdown select controls for attribute swatch selection. 👉 Live Demo | Documentation

✨ Thumbnail Position: Left and Attibute Shape: Checkbox (Pro) — Left-aligned thumbnail positioning seamlessly pairs with customizable checkbox attributes to deliver an elegant, interactive gallery and swatch experience. 👉 Live Demo | Documentation

✨ Thumbnail Position: Right and Attibute Shape: Checkbox (Pro) — Positions thumbnails on the right and uses checkbox-style shapes for swatch and product gallery attribute selection. 👉 Live Demo | Documentation

✨ Thumbnail Position: Left and Attibute Shape: Radio (Pro) — Features left-aligned thumbnails for the product gallery alongside radio-style shapes for attribute swatch selection. 👉 Live Demo | Documentation

✨ Thumbnail Position: Right and Attibute Shape: Radio ( Pro ) — Features right-aligned product gallery thumbnails alongside radio-style shapes for attribute swatch selection. 👉 Live Demo | Documentation