A WooCommerce extension that transforms variation dropdowns to nice looking swatches. Color, image and label swatches available. Image swatches will automatically be applied for variation color attributes that contains an image.
Variation Swatches for WooCommerce allows you to add multiple gallery images for each variation and when visitor selects the variation those gallery images will be shown as gallery images instead of main product gallery images.
With a friendly and easy-to-use interface, you can add a default color, image or label to each attribute in the attribute management page. It can also help you pick the right style for quick-add attribute right inside the editing product page.
If a color attribute is associated with a variation image, image swatches can automatically be applied.
Features
- Live Preview Customizer (All Options)
- Attribute types: (Dropdown, Label, Color, Image)
- Customize options for single product / archives independently
- Automatically convert Dropdowns to Label Swatch by default
- Automatically convert Color Dropdowns to Image Swatch
- Attribute Label Position (Above / Before Swatches)
- Hide Attribute Label
- Hide Variation Reset Link
- Attribute Quick Edit Supported
- Swatch Styles: (Square, Circle, Rounded)
- Adjust Swatch (Width, Height, Alignment)
- Adjust Swatches Container Spacing
- Adjust Swatch Vertical & Horizontal Gap
- Adjust Swatch (Width, Height, Font Size, Colors)
- Enable Tooltip (Text or Image)
- Adjust Tooltip Background & Text Color
- Adjust Tooltip Image Size
- Adjust Tooltip Border Size & Radius
- Override global swatch settings within product page
- Mix swatch types for the same product. ex. Image / Color
- Enable Catalog Mode
- Support display in Quick Views
- Compatible with XT Woo Floating Cart
- Compatible with XT Woo Quick View
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = WooCommerce Variation Swatches
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/woocommerce-variation-swatches/23358604″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy WooCommerce Variation Swatches from the The Developer ( XplodedThemes ) website. Thank you.
Download = WooCommerce Variation Swatches-[Updated].zip
