LIVE PREVIEWBUY FOR $60

WooCommerce Variation Swatches Photographs

Convert your regular variable attribute dropdown choose to properly trying coloration or picture choose. You’ll be able to show photographs or coloration in all frequent dimension.

Principal Options

  • Helps coloration/picture/textual content variation swatches, radio buttons and dropdown choose.
  • Woocommerce improved variable product attributes and attribute swatches.
  • World coloration or picture values for attributes.
  • Works on cell gadgets.
  • Completely different sizes of swatch from small to massive.
  • Choice to show possibility identify beneath swatch.

variation swatches addon1

Stay Previews

Please verify the demo earlier than buy the plugin.

Frontend Preview – product variations with swatches photographs.
Backend Preview – plugin backend.

When you have any futher questions, please be happy to contact us.

The way to Use?

You need to use this plugin to connect images or colours to your product variations. Within the case of you wish to do that, you want connect these images and colours to acceptable product attributes. Woocommerce has two kinds of attributes:

  • Customized product attributes for explicit product
  • World attributes which used for all merchandise in your retailer

You’ll be able to arrange images and coloration for each kinds of attributes.

Connect images and colours for world attributes

1. Navigate to: Merchandise > Attributes.

WooCommerce Variation Swatches Images - 1

2. Add new attribute, or skip this stage if you have already got one.

3. Click on on “Configure phrases” button.

WooCommerce Variation Swatches Images - 2

4. Add New Time period (for instance: Add New Shade) or simply edit some time period which already exists.

5. Select the Swatch Kind in acceptable drop-down ( accessible selections: “Shade” or “Picture”).

For coloration choice you need to use a coloration picker or a handbook inputed worth within the HEX format.

WooCommerce Variation Swatches Images - 3

if you wish to use picture, you possibly can add it simply.

WooCommerce Variation Swatches Images - 4

8. Click on Add New Time period (Shade).

Connect customized picture and coloration swatches to explicit merchandise

Photograph and coloration swatches can be found for variable merchandise solely.

1. Add new variable product. Then choose a worldwide attribute or add new customized one within the “Attributes” tab. Be sure to’ve configured the “Variations” tab additionally.

2. Get Printed your product.

3. Navigate to the Swatches tab.

4. Select a “Kind” for every variation attribute.

  • None. It’s a easy drop-down choice for the choices.
  • Taxonomy Colours and Photographs. The choices can be taken from the worldwide attribute. (For world attributes solely.)
  • Customized Colours and Photographs. should you want create customized colours and picture swatches.
  • Radio Buttons. The radio buttons can be used for choices.

WooCommerce Variation Swatches Images - 5

5. Do you want labels for swatches? (for “Taxonomy Colours and Photographs” or “Customized Colours and Photographs” solely). The label will comprise the identify of the chosen time period.

6. Select the scale of the swatches on the product web page (for “Customized Colours and Photographs” solely)..

7. Arrange the attribute phrases.. Have you ever learn how world attribute phrases could be configured (see above)? It’s very comparable.

  • Decide the time period.
  • Choose Attribute Shade or Picture.
  • in case your selection is a coloration, choose a coloration.
  • in case your selection is picture, add a picture.

WooCommerce Variation Swatches Images - 6

8. Press “Replace” button within the product edit web page.

Changelog

ver. 1.0.10

*Added: WCVS_NO_TOOLTIP fixed; when the fixed is  outlined, swatches tooltip is not displayed on mouse hovering

ver. 1.0.9

*Added a tooltip to swatch photographs
*Mounted: take away attribute values dublicate on render
*Mounted: minor bugs

The way to set up WooCommerce Variation Swatches Photographs plugin?

Methodology 1:

install aliexpress dropshipping plugin method 1

Methodology 2:

install aliexpress dropshipping plugin method 2

variation swatches addon2


Source