Solution for an e-commerce site with product customization

@zgall1May 12.2015

I have a single SKU that I would like to sell on a B2C e-commerce site. The challenge is that the product is customizable and I need to account for that within the site. Specifically, I would like to offer the customer the ability to upload their logo to the site so that they can see how it would look when applied to the product. Ideally, I would like the customer to be able to move the logo around on the product so that the customer can place it where they want. Are there any out-of-the-box tools that would let me do this? Ideally, I would like this to work with a WordPress site but I am open to other suggestions.

Thanks!

to post a comment

HTML

@rtretheweyMay 12.2015 — #I wasn't able to find such a script, but it's certainly possible to do what you want - even within a Wordpress environment. I've played with image manipulation software from time to time, and my instinct is that the quality of the results will depend on the complexity of the product in terms of shape and surface texture (if any). It's dirt simple to let a user upload an image and overlay/merge that image onto an image of your product. But getting the resulting image to be an accurate depiction of what the final product would look like can be challenging.

For example, a common usage would be a t-shirt shop that prints customers' pictures onto their shirts. So, if your base image is a flat t-shirt, you can simply overlay the user's image onto the base image and you're done. The only part of the job that's even slightly complicated is re-sizing the user's image to fit into the customizable area on the base image. That takes all of about 10 lines of code.

But let's say the base image is a photo of a person actually wearing a t-shirt. Now you have to deal with body contours and try to pattern wrap the user's image onto that varying surface. Throw in shadow effects and such to match a natural light environment, and you can see that things quickly get more complicated.

But poke around the script directory sites and the search engines and I bet you'll find something you can use.

@zgall1authorMay 12.2015 — #Rick - thanks for the detailed reply as it gives me much more confidence that this is a feasible project that can be accomplished without significant development work.

To help clarify, the product onto which the image will be placed is a cooler (much like this one - http://bit.ly/1RxyCUO) so there are not issues such as body contours or shadow effects.

I have a couple follow up questions, if you don't mind.

1) Do you think it would add significant complexity to allow the user to move the image around the cooler so they can place it at a specific location on the cooler?

2) I'm assuming most users will have JPEG versions of their logo that they will want to use. Since these logos typically have a white background, it likely won't look very good when uploaded onto a non-white cooler. Any thoughts on how to best handle this situation?

Thanks!

@simuMay 14.2015 — #I think Magneto Cms is best

Solution for an e-commerce site with product customization

3 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Solution for an e-commerce site with product customization

3 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #HTML _↴