<p  align="center">
<img src="https://demo.zqe.io/app/plugins/variation-swatches-and-gallery/admin/imgs/icon.svg" height="100" alt="Variation Swatches and Gallery for WooCommerce"  />
</p>

<p  align="center">
<img alt="MIT License" src="https://img.shields.io/github/license/zqelab/variation-swatches-and-gallery?color=%23525ddc&style=flat-square"  />
</p>

<h1  align="center"><strong>Display Product Variations Beautifully with Variation Swatches and Gallery</strong></h1>

<p  align="center">
Variation Swatches and Gallery for WooCommerce is ultimate solution for Color, Image, Button and Radio Swatches For WooCommerce Variable Product Attributes, It also support gallery for each variation with unlimited images. 

Variation Swatches and Gallery is a powerful tool for woocommerce store owners who want to improve the display of their products and enhance their customers' shopping experience. By allowing users to view variations with images or videos and swatches, customers can easily select the options they want, leading to more sales and happier customers. The plugin is easy to set up and configure, without requiring any coding knowledge, and is fully compatible with WooCommerce and other popular e-commerce plugins.
</p>


## Core Features

✔️ 4 Custom attributes types, Color, Image, Button and Radio.
✔️ Custom meta fields for attribute terms (for custom attribute type),
✔️ Different gallery for each variation.
✔️ Details settings page to customize design and functions.
✔️ Easy setup and configuration, with no coding required
✔️ Mobile-friendly and responsive design
✔️ Fully compatible with WooCommerce
✔️ Boost your sales by improving your customer's shopping experience
✔️ 24/7 Quick support.

✔️ Button Swatch as Default.
✔️ Image Swatch as Default.
✔️ Show Selected Variation Attribute Label with Label Separator .
✔️ Disabled Swatch on Stockout.
✔️ Clickable Disabled Variation (Stockout Variation).
✔️ Clear Selected Variation on Click.
✔️ Enable Tooltip with Position Top / Bottom.
✔️ Show Variation Stock.
✔️ Custom Ajax Variation Threshold.
✔️ Three Selectable Swatch Shape - Circle, Rounded and Squere.
✔️ Two Selectable Swatch Display Style - Inline and Block.
✔️ Customizeable Swatch Width and Height for Color and Image Swatch.
✔️ Show / Hide Label for Color and Image Swatch.
✔️ Gallery Image for Each Variation.

## Premium Features

✔️ Premium Package is an Extention of Main Plugin, It Extends Main Plugin with Aditional Features.
✔️ Enable Tooltip with Position Top / Bottom for Product Attribute Term.
✔️ Image of Text Tool Tooltip Product Attribute Term.

✔️ Enable Swatches for Archive / Shop.
✔️ Customizeable Swatch Settings for Each Single Product.
✔️ Swatch Styling ( Normal / Hover / Selected ) to Match Theme Color.
✔️ Tooltip Styling to Match Theme Color.

## Contribute

This may have bugs and lack of many features. If you want to contribute on this project, you are more than welcome. Please fork the repository from [Github](https://github.com/zqelab/variation-swatches-and-gallery).
 
## Documentation

Getting Started with Variation Swatches and Gallery for WooCommerce is only a matter of moments.

Check out the detailed [documentation](https://zqe.io/docs/variation-swatches-and-gallery-documentation/) created by us to help you out to run Variation Swatches and Gallery for WooCommerce in the best way.
  
## LINKS
  
[Demo](https://demo.zqe.io/variation-swatches-and-gallery) | [Documentation](https://zqe.io/docs/variation-swatches-and-gallery-documentation) | [GitHub](https://github.com/akdevs/variation-swatches-and-gallery)
  
## Frequently Asked Questions

  **How can I configure attributes?**
  
***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 attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector.

3. Click that Type selector to change attribute’s type. Besides default options Select and Text, there are more 4 options Color, Image, Button/Label, Radio 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 will be a new option at the end of the form that allows you choose color from color picker, upload image or choose as a button for those terms.

**Is it compatible with any kinds of WooCommerce Theme?**
Yes, it's compatible with any WooCommerce theme. If any issue with you theme you can contact us, we will fix that.

**Does it show in product Quick View?**
Yes, it supports any kinds of product quick view.

**Does it work on Multisite?**
Yes, it is.

## Installation
### Automatic Install From WordPress Dashboard
 1. Login to your the admin panel.
2. Navigate to Plugins -> Add New.
3. Search **Variation Swatches and Gallery for WooCommerce**
4. Click install and activate respectively.

### Manual Install From WordPress Dashboard
If your server is not connected to the Internet, then you can use this method -

1. Download the plugin by clicking on this [Link](https://downloads.wordpress.org/plugin/variation-swatches-and-gallery.zip). A ZIP file will be downloaded.
2. Login to your site's admin panel and navigate to Plugins -> Add New -> Upload.
3. Click choose file, select the plugin file and click install

### Install Using FTP
If you are unable to use any of the methods due to internet connectivity and file permission issues, then you can use this method-

1. Download the plugin by clicking on the red button above. A ZIP file will be downloaded.
2. Unzip the file.
3. Launch your favorite FTP client. Such as FileZilla, FireFTP, CyberDuck etc. If you are a more advanced user, then you can use SSH too.
4. Upload the folder to `wp-content/plugins/`
5. Log in to your WordPress dashboard.
6. Navigate to Plugins -> Installed
7. Activate the plugin