1.Overview

CandidSwatch – WooCommerce Variations Colors Swatches & Images plugin provides a 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. CandidSwatch – WooCommerce Variations Colors Swatches & Images is the answer if you are looking to edge out the competition.

 

Features:

  • Variation Swatches.
  • This feature provides a much nicer way to display variations of the 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 CandidSwatch – WooCommerce Variations Colors Swatches & Images.

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

 

MANUAL INSTALLATION

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

Steps are as follows :

1. Upload the CandidSwatch – WooCommerce Variations Colors Swatches & Images folder to the /wp-content/plugins/ directory.

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

Yes No Suggest edit

3.General Setting

Global 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.

candidswatch-woocommerce-variations-color-swatches-and-images-variation-show-on-page

On the front end, you can see the variation swatches on the shop page.

candidswatch-woocommerce-variations-color-swatches-and-images-variation-show-on-page-front-end

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.

candidswatch-woocommerce-variations-color-swatches-and-images-variation-hide-and-show-button

After enabling the setting you can see the Show Variation Button on the shop page.

candidswatch-woocommerce-variations-color-swatches-and-images-variation-show-on-page-frontend-hide

After clicking on the Show Variations, you can see the Hide Variations Button on that particular product.

 

candidswatch-woocommerce-variations-color-swatches-and-images-variation-show-on-page-front-end-show

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

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

Display border on selected swatch: Enable this feature if you want to show the border on the selected swatch.

candidswatch-woocommerce-variations-color-swatches-and-images-border

Here you can see the border on the selected swatch.

candidswatch-woocommerce-variations-color-swatches-and-images-frontend-border

Attribute Term Label: Enable this feature if you want attribute text above swatches /over swatches/tooltip.

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 on this features if you want to use the global size for all swatches and labels.

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

 

Import/ Export Setting:

Here you can Import/Export .cvs file of color or text or images.

Yes No Suggest edit

4.Global Setting

Here admin can set attributes globally. Navigate to sidebar click on Products > Attribute, here you can create a new attribute and edit/delete previously created attributes.

candidswatch-woocommerce-variations-color-swatches-and-images-global-setting

Here you can see the edit/delete option for attributes.

candidswatch-woocommerce-variations-color-swatches-and-images-edit-color-setting

Here you can set the global attribute for the specific products.

 

candidswatch-woocommerce-variations-color-swatches-and-images-product-setting

Click on the edit page of product > product data > variation swatches.

candidswatch-woocommerce-variations-color-swatches-and-images-product-setting-swatches

Set the display type is default on which attributes they are created globally.

candidswatch-woocommerce-variations-color-swatches-and-images-product-globally-setting

After creating the attribute globally, turn on Use Attribute Terms Thumbnails setting to enable the global attribute for the products.

candidswatch-woocommerce-variations-color-swatches-and-images-global-setting-enabling-setting

On the product page, you can see the global attribute for color.

candidswatch-woocommerce-variations-color-swatches-and-images-color-globally

Yes No Suggest edit

5.Product Wise Setting

Through this setting, you can set the variations per product wise.  click on the products > Variations Swatches.

candidswatch-woocommerce-variations-color-swatches-and-images-product-setting

Here you can set the color of variable products.

candidswatch-woocommerce-variations-color-swatches-and-images-product-set-color

Set size of variable products.

candidswatch-woocommerce-variations-color-swatches-and-images-product-set-size

Set the Materials of variable products.

candidswatch-woocommerce-variations-color-swatches-and-images-product-set-material

Enable the Swatches.

candidswatch-woocommerce-variations-color-swatches-and-images-enable-plugin

Now you can see the per product variation swatches of the product.

candidswatch-woocommerce-variations-color-swatches-and-images-per-product-setting

Yes No Suggest edit

6.Use Variation Featured Image

Enable this setting if you want to use variation’s featured image as swatch image for the selected product. Now we can set the featured image for color swatches.

candidswatch-woocommerce-variations-color-swatches-and-images-product-setting

Click on Variations, goto the Add Variation and click on “Go” fill all the required fields and set a featured image. Here you can choose only those colors they are previously selected under attribute section.

candidswatch-woocommerce-variations-color-swatches-and-images-product-setting(variations)

 

And last, enable the “Use Variation Feature image”.  Now you can see the featured image as the color swatches.

candidswatch-woocommerce-variations-color-swatches-and-images-enable-setting

On the product detail page, you can see the color swatches as the featured images.

candidswatch-woocommerce-variations-color-swatches-and-images-feature-image-frontend

 

For any Query please contact us on:

Email: webmaster@makewebbetter.com

Skype: makewebbetter

Yes No Suggest edit
Suggest Edit