Color Swatch Tutorial - Advanced Color Swatches Features

Color Swatch Tutorial – Advanced Color Swatches Features

Advanced Features



31-advanced-settings-admin



To access advanced ColorSwatch features, click on the Advanced Settings (1) on the “Swatches” page.



32-advanced-tabs



You’ll be given options to assign swatch images for active, hover and disabled state of the attribute options/value.



33-advanced-active-browse



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.



34-advanced-hover-browse



The same can be done by changing tabs for hover and disabled state.



35-advanced-disabled-browse



Once you’ve uploaded all the images, please be sure to click the Save button in the upper right corner.



36-advanced-active-done



37-advanced-hover-done



38-advanced-disabled-done



39-advanced-public-hover



When the user hovers over the swatch with their mouse cursor, the “hover” swatch will be shown.



40-advanced-public-active



Once user selects a swatch, “active” swatch will be shown.



41-advanced-public-disabled



In case the certain option is out of stock or disabled, the “disabled” swatch will be shown.

Share...Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *