WooCommerce Variation Swatches Images
WooCommerce Variation Swatches Images
Convert your regular variable attribute dropdown choose to properly wanting colour or picture choose. You can show pictures or colour in all frequent measurement.
Main Features
- Supports colour/picture/textual content variation swatches, radio buttons and dropdown choose.
- Woocommerce improved variable product attributes and attribute swatches.
- Global colour or picture values for attributes.
- Works on cellular gadgets.
- Different sizes of swatch from small to massive.
- Option to show possibility title beneath swatch.
Live Previews
Please test the demo earlier than buy the plugin.
Frontend Preview – product variations with swatches pictures.
Backend Preview – plugin backend.
If you may have any futher questions, please be happy to contact us.
How to Use?
You can use this plugin to connect images or colours to your product variations. In the case of you need to do that, you want connect these images and colours to applicable product attributes. Woocommerce has two forms of attributes:
- Custom product attributes for specific product
- Global attributes which used for all merchandise in your retailer
You can arrange images and colour for each forms of attributes.
Attach images and colours for world attributes
1. Navigate to: Products > Attributes.
2. Add new attribute, or skip this stage if you have already got one.
3. Click on “Configure phrases” button.
4. Add New Term (for instance: Add New Color) or simply edit some time period which already exists.
5. Choose the Swatch Type in applicable drop-down ( obtainable decisions: “Color” or “Image”).
For colour choice you should use a colour picker or a handbook inputed worth within the HEX format.
if you wish to use picture, you may add it simply.
8. Click Add New Term (Color).
Attach customized picture and colour swatches to specific merchandise
Photo and colour swatches can be found for variable merchandise solely.
1. Add new variable product. Then choose a world attribute or add new customized one within the “Attributes” tab. Make certain you’ve configured the “Variations” tab additionally.
2. Get Published your product.
3. Navigate to the Swatches tab.
4. Choose a “Type” for every variation attribute.
- None. It’s a easy drop-down choice for the choices.
- Taxonomy Colors and Images. The choices can be taken from the worldwide attribute. (For world attributes solely.)
- Custom Colors and Images. in the event you want create customized colours and picture swatches.
- Radio Buttons. The radio buttons can be used for choices.
5. Do you want labels for swatches? (for “Taxonomy Colors and Images” or “Custom Colors and Images” solely). The label will comprise the title of the chosen time period.
6. Choose the scale of the swatches on the product web page (for “Custom Colors and Images” solely)..
7. Set up the attribute phrases.. Have you learn how world attribute phrases will be configured (see above)? It’s very related.
- Pick the time period.
- Select Attribute Color or Image.
- in case your alternative is a colour, choose a colour.
- in case your alternative is picture, add a picture.
8. Press “Update” 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 pictures *Fixed: take away attribute values dublicate on render *Fixed: minor bugs
How to put in WooCommerce Variation Swatches Images plugin?
Method 1:
Method 2:
