nikorablin/productcolorizer

jQuery plugin that makes it easy to add color to product images

productColorizer

jQuery plugin that makes it easy to add color to product images on the fly

Read more here: http://nikorablin.com/sandbox/productColorizer/

Update 1.2

• Fixed width issue

Update 1.1

• Added support for multiple colors using raphael SVG library
• Fixed ie bugs
• Automatically generates span in color anchors

productcolorizer's Issues

Ie10 on Win7 issue

logo changes work but base colour doesn't

It is not working on IE10

Is it possible to use some texture with that plug in

Hi guys,

Thank you for that great plug in. Just a quick question to ask you if it would be possible to use texture for fabrics and have sqare fabrics, stripped fabrics.

Thank you very much in advance for your answer.

Not working in jquery 1.9 and later

Hello,

I have been trying to implement this with some difficulty.

I have, in time, discovered that the script will work with jquery 1.8.3, but no later.

I don't have time really to go through and find out what bit is missing in the later jquery that the script needs, but perhaps the developer of the script will know this or able to find out quickly, and either update the script of suggest what the addition is needed.

If you need later versions of jquery within your project you'll probably have to link to both versions for the time being.

Thanks

Richard

Image apply modes to improve display? Overlay, soft light etc.

Really useful plug-in. I wonder if it's possible to use alternative image apply modes such as overlay or soft light to make the effect more subtle.

Won't work with dynamic images!! - HELP!

I've been playing with your code recently.

Everything has been working very well except that i cannot get the item color to change when the image is dynamic.
Each layer shows up properly, but refuses to change color when clicking the color buttons.

For example, "src='/images/' "
instead of "src='/images/background.jpg' "

Any suggestions or ideas?
Thanks!

do have any video tutorial

Hello friend.

i want to create project something like this.Its very good tutorial. I want to change the colors of room walls like t-shirt.

So as per your instruction and your code i can change color of one wall but other 2 walls how can do?

i Tried alot but faild.

Like in your design LOGO NIKO color as well changing in same image. so same like that i want change the color of each wall of my room walls.

Please help me. It will be better if you have any video tutorial or possible to create a short video tutorial.

Thanks In Advance.

Best regards

Great Work...BUT...

I love the look of your plugin, I have a couple of sites that I would really like to employ this tool on but I know enough...but not enough. I create unique, creative and cool vinyl decals both small decals and ones for the wall of homes ect.

I have seen similar type tools before but I like the look of yours, my issue is, how in God's earth would I use it within my sites. my site of concern is www.bestvinylwalldecals.com I would like to have the wall color change and the decal color change. My smaller decal site is www.gostickit.biz glad to provide ANY decals including custom decals for some help with this issue.

Thanks! Kip

Use image pattern instead of pure color

Can you make the feature that can apply image pattern beside colors?

Thank you!

Convert to image

It's possible to convert a colorized image with product colorize to an png or jpg? Convert the entire div, including svg code and save to an image png?

A little bugfix for colors with red hex value < 10 and IE

Hi, first, thanks for your plugin, and now the fix:

This function

//rgb to hex
function colorToHex(color) {

    var red = parseInt(color[0]);
    var green = parseInt(color[1]);
    var blue = parseInt(color[2]);

    var rgb = blue | (green << 8) | (red << 16);
    return rgb.toString(16);
};

fails with colors with hex values of red < 10, it's missing the leading zeroes needed to apply the filter properly. I propose you change this:
return rgb.toString(16);
with this:
return (0x1000000 + rgb).toString(16).slice(1)
or any other way you find better than this to add the leading zeroes.

Regards,
Diego.

How to convert image???

Hello Sir,
firstly your script is the best script for colorize the product. How can i used a colorize div like a image?? Can i get data Url for related div for save in image like jpg or png.
Thanks and Regards