Product Image Maker

I put together my first Opencart for someone who wants to supply school uniforms. Typical product images are as below:


There are standard garments (jumpers, cardigans, sweatshirts, polo shirts, blazers...), standard school colours and school badges. There will be tens of schools meaning hundreds of products but they could be constructed by choosing a garment/colour/badge.

I want to provide a simple application to select a standard garment, select a colour (palette or RGB/Hue-Saturation-Darkness slidebars), select a standard school badge that can be resized and dragged into position, save constructed image. Ideally, this will work from Admin.

To get them started, I provided a photoshop psd with garments and school badges on separate layers which then have to be saved and uploaded. This gives consistent images but it is very tedious.

Can anyone suggest a start project? I haven't been able to find anything.

I have not seen anyone do anything like this yet. This is a VERY complex mod. custom shirt design mods are generally one of the last to be made for an ecommerce solution because they are soo complex.

I can't imagine that changing the colour is very difficult and there are lots of examples for adding images for logos/text/faces/watermarks etc.. The part I have no idea about is dynamically resizing and positioning the superimposed logo (school badge).

It doesn't sound very complicated but I am very amateur when it comes to php/javascript.

I could grossly exaggerate the size of the school badge and always add it in the same position like this:

Any opinions on whether this says:
"By exaggerating the badge size, it makes it clearer to customers that garments are branded"
or:
"I can't program to save my arse"

you are correct simply changing the images for the colors is not all that hard. You can use Q's options plus for that, but as you said dynamically resizing the logo and placing it on the image allowing dragging resizing adding text etc all the things shirt builders need are VERY difficult. And once you get past the difficulty of actually allowing those image manipulations to happen then you have to tie it all back into the system so yeah it's a pretty big deal. There was one person who claimed they were doing it. Talked about it in a thread here for months, and I guess they may have had some code because they kept showing screenshots, but as far as I can tell they never completed it because the last several posts on that thread have gone unanswered.

Hello ,

we have completed a similar requirement for a choclate webshop using jquery , javascript here

http://kodeplay.org/choco4you/index.php ... duct_id=74

please click on style wrapper , personalize buttons and the design studio will open up in a new window

we can adapt this as per the specific product , user actions

Thanks and regards ,

Karan Ahuja
www.kodeplay.com

Thanks karan,

My immediate requirements are to enable the shop administrator to create new images for feature not for shoppers to design their own but if you are creating something commercial, I would like to be kept informed for future ideas.

For now, I have solved this with an offline desktop utility written in Delphi to create images which are then bulk uploaded with sftp.