1. Documentation /
  2. Advanced Product Variation

Advanced Product Variation


↑ Back to top

Advanced Product Variation for WooCommerce by WP Swings lets you show product variations using color, images, and text swatches. You can also display advanced product options with variation tables, and videos & image variation galleries. Moreover, set up swatches for products individually or globally and import/export attributes and gallery images in bulk.


  1. Download the .zip file from your WooCommerce account.
  2. Log into your WordPress Dashboard and navigate to Plugins > Add New.
  3. Click the Upload Plugin button on top and select Choose File with the downloaded zip file.
  4. Install the plugin and click Activate to get started.


  1. Go to your WordPress dashboard. 
  2. From the Admin menu, navigate to WooCommerce > WP Swings > Advanced Product Variation. 
  3. Configure the WooCommerce product variations plugin settings.

General Settings

↑ Back to top
advance variation general setting
  • Enable/Disable Plugin: Enable this toggle to use the features of WooCommerce Advanced Product Variation.
  • Show the Swatches On the Shop Page: Enable this option to display variation swatches on the shop page. 
  • Show the Show/Hide variation button: Enable this feature to add a button on the shop page that allows customers to show and hide variations. 
  • Show Attribute Term Thumbnails: You can enable this toggle to show attribute terms as thumbnails. 
  • Hide Add To Cart Button and Quantity from Related Products: Click on this toggle to hide the Add To Cart button and Quantity from related products. 
  • Hide Add To Cart Button and Quantity from the Shop Page: Enable this toggle to hide the Add To Cart button and Quantity from the Shop page. 

Advance Setting

↑ Back to top
  • Show the Swatches for the Related Products: Enable this toggle to show product variation swatches for related products.
  • Use Variation Featured Image: This feature can display a selected image as variation swatches.
  • Update Variation From Cart Page: Click on this toggle to allow your customers to update their selected variations from the cart page directly.
  • Product-Wise Variation Gallery: You can enable this toggle to show your product variations in a gallery.
  • Product-Wise Variation Video Gallery: Enable this toggle to add/display the video gallery for your WooCommerce variable products.

To set up a variation video gallery, please follow these steps:

Open a variation product from the product editor in WooCommerce. Go to Product Data > Variations and expand any of the listed variations.

Click on the Add Variation Gallery Images/Videos to select and upload the images & videos (.mp4,.ogv or .webm) format of the product variation. The image/video gallery will be visible on the product page when this particular WooCommerce product variation is selected.


advanced variation style setting
  • Display border on selected swatches: Enable to display of borders on selected swatches for customers.
  • Slider on Variation-Wise Gallery: Enable to add a slider to your product variation gallery for customers’ convenience.
  • Show Terms Label: You can select the attribute term label display type. The following display options are available: Tool-tip, Over Swatches, and Above Swatches. 
  • Tool-tip Text Color: You can customize the text color of the tool-tip display type. Click on the color grid and select the color of your choice. 
  • Tool-tip Background Color: Click on the color grid and select the background color of the tool-tip display type. 
  • Attribute Terms Behavior: You can select the action to display the unavailability of any variations to customers. Cross and Hide are two attributes terms behaviors. You can select any of them. 

Gallery Setting

↑ Back to top
advanced variation gallery setting
  • Gallery at Bottom: Click on the ‘Activate’ button to add the variations gallery at the bottom. 
  • Gallery On the Left Side: Click on the ‘Activate’ button to add the variations gallery on the left side.


Tabular Setting

↑ Back to top
tabular setting
  • Enable the Variation Table: Enable to represent your product variations in a tabular format. 
  • Enable the Export tab on the Variation Table: You can enable this toggle to show export buttons on the variation table. It will allow customers to download the variation table in PDF and CSV files. 
  • Enable to Disable the Variation Table on Mobile View: Click this toggle to disable the variation table view for mobile users. 
  • Place Variation Table: Select the placement of the product variation table from the following two locations: After Product Summary And After Single Product.
  • Columns to Show in the Variations Table: You can customize the columns of the WooCommerce variation table. To do this, follow these steps:
    1. Add or Remove Columns: Click on the checkbox associated with the column name to add or remove any particular column from your product variation table
    2. Change the Order of the Column: To change the order of the column, use the arrow buttons to move the columns up and down. 
  • Available Options Button: Check this checkbox to add the Available options button in order for customers to expand the variation table with a click. 
  • Scroll to Top: Click on this checkbox to allow users to scroll to the top of the page automatically 
  • Available Options Button Text: To customize the “Available Options” button, enter your custom text in the textbox
  • Cart Button Text: Enter your custom text in the textbox to update the Add To Cart button text. 


↑ Back to top
import and export setting
  • Export Attributes: Click on this button to download the Product variation attributes CSV file. You can edit the CSV file by entering the display type (valid values are: 0 – none | 1 – image | 2 – color | 3 – text).
  • Select Color: Use the color-picker feature, you can fetch color codes for color swatches and update them in the CSV file. 
  • Upload Attributes: Click on the Upload Attributes button to upload the edited attributes CSV file. 
  • Export Variation Gallery Images: You can export or download the variation gallery images in a CSV file.
  • Import Variation: Upload the updated gallery images CSV file by clicking on the Import Variation button. 


↑ Back to top

Q. Can the WooCommerce Advanced Product Variation plugin show variation swatches Shop and Single product page?
Yes, the swatches plugin will show the variation swatches on both the Shop and Single Product page.

Q. Is it possible to add the video to the variation gallery of the product?
Yes, you can add videos of the product by enabling the product-wise variation video gallery from the Advanced Setting tab of the Advanced Product Variation Plugin..

Q. Is it possible to hide the add to cart button of the product from the shop page?
Yes, We have provided the setting under the Advanced Variation >> General Setting >> Hide add to cart button from Shop page.

Q. Can the WooCommerce variations plugin allow users to use the featured image as a swatch of the product?
Yes, you can set this from Advanced Variation >> Advanced Setting >> Enable Variation Featured image setting and click on the Save button.

Q. Do the Product swatches for WooCommerce plugin allows showing the variation gallery for each variation?
Yes, it’ll allow you to show the variation gallery for each variation product.

Q. How many Variations can be made of each product?
Product Variations can be made according to the requirements.

Q. Is it possible to show the variation as an image of the product?
Yes, product images can be used as a variation image of the product.

Q. Will the Product variation swatches plugin show the variation table of the product?
Yes, advanced variation tables allow showing the variation of the product in tabular form.

Q. Is it possible to import and export the attributes of the product in the swatches plugin?
Yes, it’s possible through our Variation swatches plugin.


The most customizable eCommerce platform for building your online business.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment