WooCommerce Product Colorizer

WooCommerce Product Colorizer is a WooCommerce e-retailer extension that generates are living preview of various colors of goods.

1. This plugin requires that you just generate a “masks” for your product. A masks is a cleanser .pngoutline of your white colored product. The masks can also be generated in photo editing software, equivalent to Photoshop or GIMP. Additionally, for those who need to add an additional colour attribute (e.g. color of the emblem in your product), you've to generate a .svg report using a free draw editor – Inkscape..
2. The plugin works by coloring in the clear mask because it’s sitting over the static product preview, offering the semblance of a distinct coloured product. through the use of the path code which can also be generated in Inkscape, the overlay layer will automatically take the correct form for you to permit to offer the colour of the other part of the product.
3. It additionally enables the inclusion of a “history-image”, which can come with an element on a product that is now not suffering from color adjustments. for instance, if you featured a white t-shirt with a black logo in your product preview, the emblem, being the “history-image”, would not be suffering from any colour changes, and it would stay the similar colour.
4. For additional data please seek advice from: this website. This hyperlink covers the process of generating other colored previews that this plugin is the usage of.

1. Navigate on your web page’s WordPress Administrator panel.
2. ensure WooCommerce and Colorizer plugin are put in and activated.
3. in the left panel of the admin web page, make a choice “Merchandise” beneath “WooCommerce”.
4. After settling on Products, the menu should enlarge with more options under it. Make A Selection “Attributes”.
5. The Attribute web page is the place you'll define the colors that you simply would love your merchandise to be. Choose the “Colorizer Historical Past Color” Characteristic that was mechanically generated when you put in and activated the plugin.
   1. you'll modification the characteristic identify through clicking the Edit button underneath its current identify.
6. once you’re dropped at the “Upload New Colorizer Historical Past Colour” page, enter the required information about the color you might like to preview the product as. Then, make a selection the “Add New Colorizer Heritage Color” button underneath the color selector.
7. Continue to repeat the former step until you upload every colour you could possibly like to show previews of.
   1. If you want so as to add brand colours for your product, return to the “Attributes” page and select “Colorizer Logo Colour” and repeat steps 6 and seven on that page.
8. on the left admin panel underneath “Merchandise”, make a selection the “Merchandise” page. Select the product that you would really like to generate coloured previews of and open that product’s web page.
9. on the right hand facet of the web page you should now see three empty photo boxes underneath the regular Product Symbol: “Colorizer Base Symbol”< “Colorizer Masks Image” and “Colorizer Background Image”.
10. Colorizer Base Image is optional – upload it in case you wish to have a unique symbol as a base for colorizing.
11. The “Colorizer Masks Image” and the “Colorizer Background Symbol” wish to be created in step with this guide.
12. As Soon As both of these photographs are created, select “Upload/Upload Symbol” and add them to the respecitve house.
13. Beneath the product description at the product page, you desire to see a box with tabs on the left facet. Make A Selection the drop-down field categorised “Product Data” and alter it to “Variable product”.
14. on the left facet of the box, you need to see a column of tabs. Select the “Attributes” tab.

Need more mask, or wish to modification product’s glance more?

check out our new plugin, WooCommerce Better Product Preview

• 3.2.8
  Restore for numeric characteristic’s slug
• 3.2.7
  Modified kinds for better compatibility with more than a few issues
• 3.2.6
  Added woocommerce 2.6.x compatibility
• 3.2.5
  Colorboxes fix
• 3.2.4
  Added PrettyPhoto forcing
• 3.2.3
  Fixed bugs with swatches names
• 3.2.2
  Introduced displaying swatches names possibility
• 3.2.1
  Cart thumbnails colorizing restoration
  Delivered cropping of cart thumbnail masks
  Brought cart thumbnail styling css
• 3.2.0
  Introduced cart thumbnails colorizer
• 3.1.0
  Brought base symbol characteristic for featured image separation
• 3.0.0
  Brought feature that generates a colour packing containers in place of adaptation drop-down lists on product web page
• 2.2.1
  Fixed drawback with $ personality in JS files
• 2.2.0
  Introduced chance of surroundings product color opacity
• 2.1.0
  Added possibility of zooming the colorized product (works for unmarried masks most effective)
• 2.0.0
  Carried Out possibility of changing the colour of brand symbol
  Added sample images into /pattern/ folder
• 1.0.1
  Preliminary version (fork of Jigoshop model)

FULL DOWNLOAD