To access advanced ColorSwatch features, click on the Advanced Settings (1) on the “Swatches” page.
You’ll be given options to assign swatch images for active, hover and disabled state of the attribute options/value.
By clicking on the browse buttons next to each of the attributes options/values you can upload special swatches for active state from your local computer.
The same can be done by changing tabs for hover and disabled state.
Once you’ve uploaded all the images, please be sure to click the Save button in the upper right corner.
When the user hovers over the swatch with their mouse cursor, the “hover” swatch will be shown.
Once user selects a swatch, “active” swatch will be shown.
In case the certain option is out of stock or disabled, the “disabled” swatch will be shown.