WCBoost – Variation Swatches is a WooCommerce extension that enhances the appearance and functionality of variable products. By replacing the default dropdown menus with visually appealing swatches, this plugin allows customers to quickly view and select product variations such as colors, sizes, and styles at a glance.
WCBoost Variation Swatches elevates your store’s aesthetic and simplifies the selection process for your customers. With this plugin, you can showcase your products in a way that’s not only pleasing to the eye but also intuitive to use.
Live Demo |
Documentation
Whether you're selling clothing, accessories, electronics, or any other type of product with variations, this plugin empowers you to showcase your offerings in a visually stunning and user-friendly manner, helping you stand out in today's competitive e-commerce landscape.
Automatic installation
Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser.
- Log in to your WordPress dashboard, navigate to the Plugins menu, and click Add New.
- In the search field type "WCBoost - Variation Swatches" and click Search Plugins.
- Once you’ve found it, you can install it by simply clicking the Install Now button.
Manual Installation
- Download the WCBoost - Variation Swatches plugin to your desktop.
- Extract the plugin folder to your desktop.
- Read through the "readme" file thoroughly to ensure you follow the installation instructions.
- With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
- Go to Plugins screen and find the "WCBoost - Variation Swatches" in the list.
- Click Activate to activate it.
Config attributes
Even if this plugin has been installed and activated on your site, variable products will still show dropdowns if you've not configured product attributes.
- Log in to your WordPress dashboard, navigate to the Products menu and click Attributes.
- Click on the attribute name to edit an existing attribute or in the Add New Attribute form you will see the default Type selector.
- Click on that Type selector to change the attribute's type. Besides default options Select and Text, there are more than 3 options Color, Image, and Label to choose from.
- Select the suitable type for your attribute and click Save Change/Add attribute
- Go back to the Attributes screen. Click the cog icon on the right side of an attribute to start editing terms.
- Start adding new terms or editing existing terms. There will be a new option at the end of the form that lets you choose the color, upload an image, or type the label for those terms.