woocommerce variation swatches not working

Description

GS WooCommerce Variation Swatches is easy to use WooCommerce product variation swatches plugin. It offers an aesthetic and professional experience to select attributes for variation products. It turns the product variation select options fields into images, colors and label. It means with the help of this powerful WooCommerce color or image variation swatches plugin, you can show product variation items in images, colors and label. So, you can say goodbye to dropdown product attribute fields.

WooCommerce Variation Swatches not only offers the color, image and label attributes in the single WooCommerce product. It also enables them in product quick view. If you’re using WooCommerce themes like Flatsome that comes with default Quick View option, you don’t need to hassle to load color and image swatches for variable product attributes in quick view separately.

WooCommerce attribute variation plugin allows you beautiful tooltips on variation swatch hover. Based on your requirement you enable and disable hover from the settings.

GS WooCommerce Variation Swatches by https://www.gsamdani.com

Plugin Features

  • Completely integrate with WooCommerce plugin
  • Work on variable product only
  • Work on variable product quick view
  • Enable attributes into images swatches
  • Enable attributes into color swatches
  • Enable attributes into label/text/button swatches
  • Control attribute setting globally.
  • Create new attribute swatch in product editing page.
  • Compatible with popular themes and plugins.
  • Flexible tooltip insert and display settings
  • Settings panel availabe to control options.
  • Free updates for one year.
  • Auto update notification.
  • Auto update from dashboard.

You may like other WooCommerce plugin from GS Plugins

Screenshots

  • Single Product Variation
  • Product QuickView
  • Available Attribute Options
  • Variation Product Edit view
  • Attribute Color Type Frontend Preview
  • Attribute Label Type Frontend Preview
  • Attribute Image Type Frontend Preview
  • Settings Panel

Installation

Install GS WooCommerce Variation Swatches plugin as a regular WordPress plugin. Here is different ways to install GS WooCommerce Variation Swatches plugin :

Before install GS WooCommerce Variation Swatches make sure you’ve already installed WooCommerce plugin.

Install by Search Plugin

  • In your Admin, go to menu Plugins > Add New
  • Search GS WooCommerce Variation Swatches
  • Click to install
  • Activate the plugin
  • WooCommerce Variation Swatches settings panel will show under Settings menu.

Install by Upload Plugin

  • Download the latest version of GS WooCommerce Variation Swatches (.zip file)
  • In your Admin, go to menu Plugins > Add New
  • Select “Upload Plugin”
  • Click on “Choose File”
  • Select downloaded gs-woocommerce-variation.zip & click on ‘Install Now’ button
  • Activate the plugin
  • WooCommerce Variation Swatches settings panel will show under Settings menu.

Install Plugin using FTP

  • Upload gs-woocommerce-variation folder inside the /wp-content/plugins/ directory
  • Go to WordPress dashboard > Plugins & Activate the GS WooCommerce Variation plugin
  • WooCommerce Variation Swatches settings panel will show under Settings menu.

Even this plugin has been installed and activated on your site, variable products will still show dropdowns if you’ve not configured product attributes.

  1. Log in to your WordPress dashboard, navigate to the Products menu and click Attributes.
  2. Click to attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector.
  3. Click to that Type selector to change attribute’s type. Besides default options Select and Text, there are more 3 options Color, Image, Label to choose.
  4. Select the suitable type for your attribute and click Save Change/Add attribute
  5. Go back to manage attributes screen. Click the cog icon on the right side of attribute to start editing terms.
  6. Start adding new terms or editing exists terms. There is will be a new option at the end of form that let you choose the color, upload image or choose as a button for those terms.

Is it compatible with any kinds of WooCommerce Theme?

Yes, it’s compatible with woocommerce theme including Flatsome / X-Theme / Avada / Uncode / Storefront / Labomba. But sometimes it may require small css tweak.

Does it show in product QuickView?

Yes, it supports any kinds of product quick view (pro).

WooCommerce Variation Swatches

Descripción

Preciosos selectores de muestras con colores, im√°genes y botones, para los atributos de los productos de WooCommerce

How To Install WooCommerce Variation Swatches Plugin for WooCommerce Variable Products

How To Import WooCommerce Swatches Plugin Data For Existing Product Attribute Variations

WooCommerce Variation Swatches is easy to use WooCommerce product variation swatches plugin. It offers an aesthetic and professional experience to select attributes for variation products. It turns the product variation select options fields into radio images, colors, and label. It means with the help of this powerful WooCommerce color or image variation swatches plugin, you can show product variation items in images, colors, and label. So, you can say goodbye to dropdown product attribute fields.

WooCommerce Variation Swatches not only offers the color, image and label attributes in the single WooCommerce product. It also enables them in product quick view. If you’re using WooCommerce themes like Flatsome that comes with default Quick View option, you don’t need to hassle to load color and image swatches for variable product attributes in quick view separately.

In the free WooCommerce attribute variation plugin, besides creating size, brand, image, color, and label variation swatches, you can handle the swatches shape style Rounded and Circle. On top of that, it allows you beautiful tooltips on variation swatch hover. Based on your requirement you enable and disable hover from the settings. To maximize and personalize your development process, the product attributes swatches comes an option to disable default plugin stylesheet so that you can personally write your own CSS.

Key Feature Comes with this Plugin

  • Enable Color Swatches For Variable Product Attribute Variations
    Live Demo & Documentation
  • Enable Image Swatches For Variable Product Attribute Variations
    Live Demo & Documentation
  • Enable Label/Text/Button Swatches For Variable Product Attribute Variations
    Live Demo & Documentation
  • Convert Globally Created Attibute Variations Into Color, Image, and Label Swatches
    Video Tutorial & Preview
  • Option to Globally Select ROUNDED Attribute Variation Swatches Shape.
    Live Demo & Documentation
  • Option to Globally Select SQUARED Attribute Variation Swatches Shape.
    Live Demo & Documentation
  • Show Cross Sign For Out of Stock Variation Swatches (Up To 30 Variations)
    Live Demo & Documentation
  • Blur For Out of Stock Variation Swatches (Up To 30 Variations)
    Live Demo & Documentation
  • Hide For Out of Stock Variation Swatches (Up To 30 Variations)
    Live Demo & Documentation
  • Product Page Swatches Size Control
    Live Demo & Documentation
  • Flexible Swatches Tooltip Insert and Display settings
    Live Demo & Documentation
  • Reorder Product Attribute Variation Swatches
  • Flexible Swatches Tooltip Insert and Display settings
  • Work on Variable Product Quick View Popup
  • Compatible with popular WooCommerce themes and plugins
  • Frequently Updated And Secured Codebase
  • Option to disable default plugin stylesheet for theme developer
  • Enable Color Swatches For Printful Technology
  • Compatible With Popular WooCommerce Plugins Including WooCommerce Variation Image Gallery

PREMIUM FEATURES OF WOOCOMMERCE VARIATION SWATCHES

  • Show Entire Color, Image, Label And Radio Attributes Swatches In Catelog/ Category / Archive / Store/ Shop Pages
    Live Demo & Documentation
  • Show Selected Single Color or Image Or Label Attribute Swatches In Catelog/ Category / Archive / Store / Shop Pages
    Live Demo & Documentation
  • Convert attribute variations into radio button
    Live Demo & Documentation
  • Product Basis Attribute Swatches Type Change
    Live Demo & Documentation
  • Show All Color, Image & Button Swatches Type In the Same Attribute
    Live Demo & Documentation
  • Insert New Image Replacing Globally Added Image For Image Variation Swatches In Each Product
    Live Demo & Documentation
  • Insert New Color Replacing Globally Added Color In Color Variation Swatches For Each Product
    Live Demo & Documentation
  • Convert Manually Created Attibute Variations Into Color, Image, and Label Swatches
    Live Demo & Documentation
  • Change Variation Product Gallery After Selecting Single Attribute Like Amazon Or AliExpress
    Live Demo & Documentation
  • Generate Selected Attribute Variation Link
    Live Demo & Documentation
  • Option to Select ROUNDED and SQUARED Attribute Variation Swatches Shape In the Same Product.
    Live Demo & Documentation
  • Show Cross Sign For Out of Stock Variation Swatches (Unlimited Variations Without hiding out of stock item from catalog)
    Live Demo & Documentation
  • Blur Out of Stock Variation Swatches (Unlimited Variations Without hiding out of stock item from catalog)
    Live Demo & Documentation
  • Hide Out of Stock Variation Swatches (Unlimited Variations Without hiding out of stock item from catalog)
    Live Demo & Documentation
  • Shop Page Swatches Size Control
    Live Demo & Documentation
  • Make Selected Attribute Variation Swatches Size Larger Than Other Default Attribute Variations
    Live Demo & Documentation
  • Show Custom Text in Variation Tooltip
    Live Demo & Documentation
  • Show Custom Image in Variation Tooltip
    Live Demo & Documentation
  • Swatches Border Styling
    Live Demo & Documentation
  • Hover Swatches Border Styling
    Live Demo & Documentation
  • Active Swatches Border Styling
    Live Demo & Documentation
  • Archive Page Swatches Alignment
    Live Demo & Documentation
  • Customize Tooltip Text and Background Color
  • Enable / Disable Ajax Variation
  • Archive page swatches positioning
  • Archive page swatches alignment
  • Tooltip display setting on archive/shop page
  • Variation clear button display setting.
  • Customize Tooltip Text and Background Color
  • Customize swatches colors, background and border sizes
  • Automatic updates and exclusive technical support

WooCommerce Variation Swatches not working in Internet Explorer

Francis Timpone

The variation swatches is not working in Internet Explorer.

Kaiser mahmud

We have currently added for support for modern browsers. Because we have added latest version of PHP and other supporting components. So, when it comes to support for IE, it only works for Edge browsers.

Hope you have understood!

Francis Timpone

Are you planning to have IE included, there is a huge amount of users that still uses IE and with you changing it leaves functionality broken for them. it used to work for all browsers. I was happy with the plugin but if you cannot have support for IE, I’ll have to look for something else, as an owner, I cannot have a plug in not working in ALL browsers.

Ahmed Ehsaan

We’ve grounded this plugin up with the latest technologies. Those might not compatible with IE. So, we are going to add Fallback for IE. Hopefully, the updated version would be available in the next week. This is our plan to handle IE issue.

Francis Timpone

Thanks for letting me know, so if I understand correctly, this issue will be fixed in the updated version next week?

Leave a Reply

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