Description
WooCommerce Attribute Images & Variation Swatches replaces WooCommerce’s standard variation dropdown menus with visual swatches of color, image, label, and radio button, displaying each attribute (size, color, material) as a clickable thumbnail directly on the product page. The plugin adds extra fields on the WooCommerce attribute editing screen, allowing you to associate a hexadecimal color or image to each term, with centralized configuration in the admin.
Main Features
- Varied swatch types: displays attributes as color swatches, image thumbnails, text labels, or radio buttons, with attribute-by-attribute selection in the panel.
- Configuration in WooCommerce admin: adds custom fields on the attribute term screen, where you define the color or upload the image associated with each value.
- Swatches on product archive: shows visual indicators on listing, category, and shop pages, allowing visitors to preview available options without entering the product.
- Tooltips and visual states: displays attribute name on hover and visually distinguishes available, unavailable, and selected options.
- Size and shape customization: adjusts swatch dimensions, shape (square, round), and borders to match the active theme layout.
Benefits of WooCommerce Attribute Images & Variation Swatches
- Faster purchase decisions: viewing colors and patterns as samples reduces time between interest and clicking the buy button.
- Professional catalog presentation: replaces generic dropdowns with visual elements aligned with major fashion and accessory stores’ standards.
- Less cart abandonment: reduces uncertainty about how each variation looks, decreasing dropouts due to visual doubt.
- Code-free configuration: all attribute-to-swatch associations happen via the native admin, avoiding template edits or custom CSS.
Who Is It For?
- WooCommerce retailers selling products with multiple color, size, or material variations.
- Fashion, footwear, accessories, and decoration shops needing to display visual references for each option.
- Developers and agencies aiming to standardize variation presentation in e-commerce projects.
Designed for e-commerce operations that rely on quick visual identification of variations, WooCommerce Attribute Images & Variation Swatches transforms the product screen into an interactive selector, with clickable samples replacing dropdown lists. Integration happens within WooCommerce’s own attribute flow, keeping the catalog, stock, and registered variations without requiring migration or database restructuring.
Frequently asked questions
Is WooCommerce Attribute Images & Variation Swatches GPL-licensed?
Yes. WooCommerce Attribute Images & Variation Swatches is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.
Can I use WooCommerce Attribute Images & Variation Swatches on multiple sites?
Yes. You can install WooCommerce Attribute Images & Variation Swatches on as many sites as you want. Only automatic updates through Ultrapack Auto Updater have a limit: from 3 to 80 sites, depending on the plan.
How much does WooCommerce Attribute Images & Variation Swatches cost at Ultrapack?
WooCommerce Attribute Images & Variation Swatches costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).
Does WooCommerce Attribute Images & Variation Swatches include updates?
Yes. The current version of WooCommerce Attribute Images & Variation Swatches is 1.3.1, published at Ultrapack on Feb 9, 2022. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).
Is WooCommerce Attribute Images & Variation Swatches scanned before publication?
Yes. Every version of WooCommerce Attribute Images & Variation Swatches goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.
What are the requirements for the plugin WooCommerce Attribute Images & Variation Swatches?
Requires WordPress 4.0 or higher and PHP 5.3 or higher. Tested up to WordPress 5.7.
How to install
Automatic updates: this item is updated by the Ultrapack Auto Updater. With it installed, the new version shows up in your dashboard like any other WordPress update (how to set it up).
The file on this page is the developer’s full package. Do not upload that file through the dashboard: WordPress answers that the package does not contain a valid plugin. Inside it there are one or more ZIP files, and one of them is what you install.
- Download the file
elements-woocommerce-attribute-images-variation-swatches.zipand extract it on your computer. - Look for the
.zipfiles inside. The plugin is the one named after the product. - In the WordPress dashboard, go to Plugins > Add New > Upload Plugin and upload that ZIP file.
- Click Install Now and then Activate.
Requirements: Requires WordPress 4.0 or higher and PHP 5.3 or higher. Tested up to WordPress 5.7.
- There is nothing to zip. The ZIP inside the package is already in the format WordPress accepts.
- Some packages carry more than one plugin: the main one and its add-ons. Install the ones you are going to use, each one the same way.
- If there is a documentation folder, it is not installed. It is reading material from the author.
Stuck on a step? Open a ticket telling us which one you stopped at.

UAU Ready