SwatchesGlut

🎨 SwatchesGlut – Advanced Product Swatches & Layout Builder for WooCommerce

Powerful Variation Swatches System with 30+ Templates, Custom Layout Builder & Beautiful Product Display Options

✅ 100% FREE • Part of ShopGlut Suite • Professional Swatches Solution

🚀 Transform Your Product Pages with Beautiful Swatches

SwatchesGlut is the ultimate product variation swatches and layout builder solution for WooCommerce stores. Replace boring dropdowns with beautiful color, image, and button swatches. Create stunning product layouts with 30+ professional templates without any coding required.

🎨

30+ Ready-to-Use Templates

Extensive library of professionally designed templates for any product type and industry.

  • ✅ Template variety for all niches
  • ✅ Single product layout builder
  • ✅ Shop page builder included
  • ✅ Archive page layouts
  • ✅ Live preview with demo mode
  • ✅ Apply globally or per product
🌈

Color Swatches

Beautiful color selection with multiple presentation styles and custom options.

  • ✅ Round color swatches
  • ✅ Square color buttons
  • ✅ Bicolor swatches support
  • ✅ Custom color picker
  • ✅ Color image mapping
  • ✅ Hover and active states
🖼️

Image Swatches

Visual image-based variation selection for intuitive product browsing.

  • ✅ Upload custom images
  • ✅ Thumbnail size control
  • ✅ Image shape options
  • ✅ Image hover effects
  • ✅ Active state styling
  • ✅ Responsive image display
🔘

Radio & Button Swatches

Professional radio button and button-style variation selectors.

  • ✅ Radio button layouts
  • ✅ Button-style selectors
  • ✅ Custom button text
  • ✅ Size and spacing controls
  • ✅ Color customization
  • ✅ Border radius options
🖼️

Product Gallery Controls

Advanced gallery customization with stunning visual effects and interactions.

  • ✅ Main image background color
  • ✅ Image fit modes (cover, contain, fill)
  • ✅ Border and shadow effects
  • ✅ Shimmer animation effects
  • ✅ Hover zoom functionality
  • ✅ Lightbox on click
📋

Thumbnail Gallery

Customizable thumbnail gallery with multiple alignment and styling options.

  • ✅ Left/center/right alignment
  • ✅ Custom thumbnail sizes
  • ✅ Spacing and border radius
  • ✅ Opacity for inactive thumbnails
  • ✅ Hover scale effects
  • ✅ Active border styling
⭐

Rating & Review Display

Beautiful star rating presentation with customizable appearance.

  • ✅ Star color customization
  • ✅ Rating text styling
  • ✅ Font size controls
  • ✅ Position options
  • ✅ Show/hide functionality
  • ✅ Review count display
💰

Price Display Styling

Enhanced price presentation with custom colors and formatting.

  • ✅ Current price styling
  • ✅ Original price display
  • ✅ Color customization
  • ✅ Font size controls
  • ✅ Background options
  • ✅ Sale price formatting
📦

Quantity & Add to Cart

Customizable quantity selector and add to cart button styling.

  • ✅ Button background colors
  • ✅ Text color controls
  • ✅ Border radius options
  • ✅ Hover state colors
  • ✅ Font size and weight
  • ✅ Border customization
❤️

Wishlist Integration

Built-in wishlist functionality with multiple position options.

  • ✅ Enable/disable wishlist
  • ✅ Position options (before/after cart)
  • ✅ After title placement
  • ✅ Before price placement
  • ✅ Custom wishlist layouts
  • ✅ Icon and button styles
🔄

Product Comparison

Compare products feature with customizable comparison tables.

  • ✅ Enable/disable comparison
  • ✅ Multiple comparison layouts
  • ✅ Position options
  • ✅ Custom comparison fields
  • ✅ Mobile-optimized tables
  • ✅ Add to compare buttons
📱

Mobile-Responsive Design

All templates and layouts work perfectly across all devices.

  • ✅ Touch-friendly interface
  • ✅ Optimized mobile layouts
  • ✅ Responsive swatches
  • ✅ Mobile gallery support
  • ✅ Tablet optimization
  • ✅ Fast mobile performance

📋 Complete Swatch Types

🌈 Color Swatches

Visual color selection with round, square, and bicolor options for products with color variations.

🖼️ Image Swatches

Upload custom images for each variation with size and shape customization options.

🔘 Radio Buttons

Classic radio button selection for text-based variations with custom styling.

🎯 Button Style

Professional button-style selectors with hover effects and active states.

📋 Dropdown Select

Traditional dropdown with enhanced styling and icon support for variations.

🎨 Visual Swatches

Combine colors, images, and labels for rich visual variation selection experience.

🎨 Layout Builder Templates

📦 Product Gallery

Advanced gallery with main image, thumbnails, lightbox, and zoom effects.

🏷️ Product Information

Title, description, price, and ratings with complete styling control.

🛒 Purchase Section

Quantity selector, add to cart button, and wishlist integration.

✨ Features Section

Dynamic feature list with icons, descriptions, and customizable grid layout.

📑 Product Tabs

Custom tabs with icons, content editor, and flexible tab management.

🔗 Related Products

Show related products with custom grid, card styling, and quick add options.

🔧 Advanced Builder Features

Live Preview

Real-time preview of changes with demo mode for instant visual feedback.

Global Application

Apply layouts to all products or select specific products for customization.

Fieldset Grouping

Organized settings in tabs with related options grouped together.

Dependency System

Smart settings show/hide based on other selections for clean interface.

Dynamic CSS Generation

CSS is automatically generated from settings for optimal performance.

Save/Reset Options

Save layouts instantly or reset to defaults with one click.

🧩 Module System Architecture

Layout Modules

Product layout, cart, order complete, account, and login page builders.

Enhancement Modules

Wishlist, badges, comparison, quick view, swatches, and shop filters.

Tool Modules

Custom fields, shortcodes, gallery, templates, and mini cart enhancements.

Showcase Modules

Sliders, tabs, accordions, gallery, mega menu, and shop banner builders.

💼 Business Benefits & ROI

🎯 Increase Visual Appeal by 80%

Beautiful swatches and layouts transform your store appearance and attract more customers

💰 Boost Conversion Rates by 35%

Intuitive swatch selection reduces purchase friction and helps customers choose variations faster

👥 Improve User Experience by 50%

Professional layouts provide modern shopping experience that keeps customers engaged

📈 Reduce Returns by 25%

Clear visual selection of variations helps customers choose exactly what they want

🔧 Technical Excellence & Performance

⚡ Lightning Fast Performance

Database caching and optimized queries with minimal server load for instant page loads

🎨 Theme Compatible

Works seamlessly with any WooCommerce theme with automatic style integration

📱 Mobile Responsive

Touch-optimized interface with responsive layouts that work on all devices

🔧 Developer Friendly

Extensive hooks and filters for custom integrations with WordPress standards

💡 Perfect Use Cases & Industries

👗 Fashion & Apparel Stores

Color and size swatches with beautiful visual presentation for clothing variations

🎨 Art & Design Products

Image-based swatches for artwork, prints, and design variations

🏪 Electronics Retailers

Technical specification variations with button-style selectors

🎁 Gift & Specialty Shops

Visual gift options and wrapping variations with intuitive selection

🍎 Food & Beverage

Flavor, size, and packaging variations with color-coded swatches

🏠 Home & Furniture

Material, color, and size variations with visual swatch selection

📋 System Requirements & Compatibility

🔧 WordPress: 5.9 or higher (6.0+ recommended)
🛒 WooCommerce: 3.0 or higher (latest recommended)
⚙️ PHP: 7.4 or higher (8.0+ recommended)
💾 Memory: 128MB minimum (256MB recommended)
🌐 Browser: Modern browser with JavaScript
📱 Devices: Desktop, Tablet, and Mobile

🚀 Quick Installation & Setup Guide

1

Install ShopGlut Plugin

Install and activate the ShopGlut plugin from WordPress.org or upload the plugin files manually.

2

Enable SwatchesGlut Module

Navigate to ShopGlut → Woo Enhancements and enable the Product Swatches module from the enhancements list.

3

Create Your Product Layout

Add a new layout and choose from 30+ templates. Customize colors, fonts, and spacing to match your brand.

4

Configure Swatch Settings

Set up swatch types, styles, and positions. Preview your changes and launch your enhanced product pages.

🔗 Integration & Compatibility

🛒 WooCommerce Compatibility

Works with all WooCommerce product types, variations, and third-party extensions

🎨 Theme Compatibility

Seamless integration with any WordPress theme and popular page builders

🌐 Multi-language Support

WPML, Polylang, and translation-ready with RTL language support

📊 SwatchesGlut Performance

30+
Layout Templates
6
Swatch Types
100%
Responsive
∞
Product Layouts