WC Product Color Swatches - WP Plugin
This WooCommerce plugin enhances the customer shopping experience by transforming standard text-based color selection dropdowns into visual color swatches across your entire store. By mapping a specific WooCommerce attribute to your product colors, you can assign precise visual colors or images to each individual term. It seamlessly replaces the default variation dropdowns on single product pages with intuitive clickable swatches, keeping the variation form perfectly synchronized while automatically disabling unavailable, out-of-stock, or unpriced product options to prevent invalid selections.
Beyond individual product pages, the plugin provides flexible display options via a simple shortcode, allowing you to showcase active color swatches anywhere on your site. This shortcode can even be configured to link each swatch directly to its specific variation URL, allowing customers to land right on their chosen option. Additionally, it integrates directly with JetSmartFilters, automatically rendering corresponding color swatches next to checkbox terms in filter lists to make product discovery fast, visual, and user-friendly.
Platform: Wordpress
Technology: HTML, CSS, JS, PHP
Project Collaboration: Individual
Web Project Status: Done
wordpress plugin web design
Date: 06.2026 - 06.2025
