Variation Swatches and Gallery for WooCommerce is the ultimate solution for displaying Color, Image, Button, and Radio Swatches for WooCommerce variable product attributes. It also supports unique galleries for each variation with unlimited images.
This plugin is a powerful tool for WooCommerce store owners looking to enhance product displays and improve customers' shopping experience. By offering visual variation options, such as images or videos, customers can easily select what they want, leading to increased sales and satisfaction. It is easy to set up and configure without any coding knowledge, and is fully compatible with WooCommerce and other popular e-commerce plugins.
- 4 Custom attribute types: Color, Image, Button, and Radio
- Custom meta fields for attribute terms (for custom attribute types)
- Individual galleries for each variation
- Detailed settings page for customizing design and functions
- Easy setup and configuration with no coding required
- Mobile-friendly and responsive design
- Fully compatible with WooCommerce
- Boost sales by enhancing customer experience
- 24/7 quick support
Additional Features:
- Button and Image Swatch options as default
- Show selected variation attribute label with label separator
- Disable swatches when out of stock
- Clickable disabled variations (out of stock)
- Clear selected variation on click
- Enable tooltips with top/bottom positioning
- Show variation stock status
- Custom Ajax variation threshold
- Three selectable swatch shapes: Circle, Rounded, and Square
- Two selectable swatch display styles: Inline and Block
- Customizable swatch width and height for color and image swatches
- Show/hide labels for color and image swatches
- Gallery image for each variation
- Extends the main plugin with additional features
- Tooltips for product attribute terms with custom styling options
- Enable swatches for shop/archive pages
- Customizable swatch settings for individual products
- Swatch styling (normal, hover, selected) to match theme colors
- Tooltip styling to match theme colors
This project may still have some bugs and missing features. Contributions are always welcome. Feel free to fork the repository on GitHub.
Getting started with Variation Swatches and Gallery for WooCommerce is easy. Check out the detailed documentation for guidance on how to make the best use of the plugin.
Demo | Documentation | GitHub
How can I configure attributes?
After installing and activating the plugin, variable products will still show dropdowns if product attributes have not been configured.
- Log in to your WordPress dashboard, navigate to the Products menu, and click Attributes.
- Edit an existing attribute or create a new one using the Add New Attribute form. You will see the Type selector.
- Select the suitable attribute type: Color, Image, Button/Label, or Radio, and click Save.
- Go back to the manage attributes screen. Click the cog icon next to the attribute to edit terms.
- Add or edit terms, with options for selecting colors, uploading images, or choosing buttons.
Is it compatible with all WooCommerce themes?
Yes, it is compatible with any WooCommerce theme. If there are any issues with your theme, contact us and we will help resolve them.
Does it support product Quick View?
Yes, it supports product quick view functionality.
Does it work on Multisite?
Yes, it does.
- Log in to the admin panel.
- Navigate to Plugins → Add New.
- Search for Variation Swatches and Gallery for WooCommerce.
- Click Install and then Activate.
If your server is not connected to the internet, use this method:
- Download the plugin from here.
- Log in to your site's admin panel, navigate to Plugins → Add New → Upload.
- Choose the plugin file and click Install.
If other methods fail due to connectivity or file permission issues, use this method:
- Download the plugin ZIP file.
- Unzip the file.
- Use an FTP client like FileZilla, CyberDuck, or SSH to upload the folder to
wp-content/plugins/. - Log in to your WordPress dashboard.
- Navigate to Plugins → Installed.
- Activate the plugin.