1.OVERVIEW

WooCommerce Colors and Swatches for Variations plugin provides a much nicer way to display variations of variable products. This plugin will help you select style for each attribute as color, size or quantity. Shoppers appreciate visual representations of product attributes when using your store, and it can help present a polished and clean look. WooCommerce Color and swatches for variations is the answer if you are looking to edge out the competition.

 

Features:

  • Variation Swatches
  • This feature provides the much nicer way to display variations of variable product.
  • Show Variation Swatches on Shop, Archive and Categories Pages
  • Adding Variable products to cart from Shop, Archive and Categories Pages.
  • Licensing panel for verification purpose
  • Admin can add color and image swatches for attributes.
  • Admin can add color and image swatches for each variation custom attributes.
  • Admin can use both select and color and image swatch combination.
  • Border on Selected Swatches.
  • Show Attribute text above Swatches.
Yes No Suggest edit

2.INSTALLATION

AUTOMATIC INSTALLATION

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser.

Steps are as follows :

1. Download the zip folder of the plugin WooCommerce Colors and Swatches For Variations .

2. Once downloaded install plugin through browsing and activate it.

 

MANUAL INSTALLATION

Manual installation of plugin is another option to install the plugin to your WordPress-environment. The manual installation method involves downloading our WooCommerce Colors and Swatches For Variations Extension and uploading it to your web server via your favorite FTP application.

Steps are as follows :

1. Upload the WooCommerce Colors and Swatches For Variations folder to the /wp-content/plugins/ directory.

2. Activate the plugin through the ‘Plugins’ menu in WordPress.

Yes No Suggest edit

3.ADMIN SETTING

WooCommerce Colors and Swatches for Variations Setting:

Enable Swatches: Enable this feature if you like to use Variation Swatches.

Show Swatches in Shop/Archive/Category Page: Enable this feature if you want to use Variation Swatches in Shop/Archive/Category pages.

Display Show Variations Button and Hide Swatches in Shop/Archive/Category Page: Enable this feature if you want to show Variation Button and Hide Swatches in Shop/Archive/Category pages.

Use Attributes Terms Thumbnails: Enable this feature if you like to use attributes terms thumbnails.

Show Attribute Term Label: Disable this feature for hide attribute term label.

Attribute Term Label Over Swatches: Disable this feature if you want attribute text above swatches.

Attribute Terms Thumbnails Display Type: Set the size and display type of attribute terms thumbnails.

Attribute Terms Thumbnails Display Size for Product Detail Page: Set the size of attribute terms thumbnails.

Attribute Terms Thumbnails Display Type for Shop/Archive/Category Page: Set the size of attribute terms thumbnails for shop/archive/category page.

Use Global Size Everywhere: Turn this on if you want to use the global size for all swatches and labels.

Use Variation Featured Image: Turn this on if you want to use variation’s featured image as swatch image for select.

 

Import/Export Setting:

Yes No Suggest edit

4.WORK FLOW

After successful installation you can see the display show variation button and hide swatches in shop/archive/category page setting.

When you like to use variation button and hide swatches in shop/archive/category page turn on the this setting.

After this click on the Save Changes button.

 

After saving the setting frontend will be shown as below. Here you can see the show variation button on shop page.

 

After click on the show variation button, you can see the color and size variation on the shop page.

 

When you don’t like to use variation button and hide swatches in shop/archive/category page turn off this setting.

After this click on the Save Changes button.

 

Here you can see the all color and size variation direct to the shop page without any button. you can directly choose the color and size variation on each product.

 

Now you can also directly add to cart on each product with shop page. You can also increase the quantity of the product in this setting.

 

In this setting you can easily export the attributes and save your time.

That’s all about the WooCommerce Colors and Swatches for Variations.

 

 

 

For any Query please contact us on:

Email: support@makewebbetter.com

Skype: makewebbetter

Yes No Suggest edit
Suggest Edit