It really isn't that difficult, quite achievable.

I do it for my "Elenis" client.  Here's an example:
http://elenis.com/store/product/new-baby/

If you change the gender, you get a different picture.  It is all done with
Javascript.

It is a two-step process to achieve.  First, I prime the system with
Javascript in the template.  I add a series of "optionpics".  Look at the
source at the bottom, you'll see what I'm doing.  Each is an entry with a
key and image information.

Then I use jQuery to bind the "change" on option selectboxes to first
calculate a key, then look to see if that key has a new picture, if so, then
show that picture.  The relevant jQuery code is in the "products.js" file
which you can see on that site.  The function is "update_picture", and is
called by "update_selected_options".

On Thu, Jun 30, 2011 at 9:02 AM, rafael <[email protected]> wrote:

> Hi everyone,
>
> I see that some stores have a nice feature, that is dynamically change
> the image according to the image variation option. Example: If the red
> colour option is selected, the image displayed is of a red tshirt.
>
> Has anyone done this before in sachtmo, does anyone have a roadmap on
> how to do this.
>
> I know this may involve creating a not so simple javascript, or even
> work with svg, so I would like to know if anyone has battled with this
> before I start to try to code anything.
>
> Thanks,
>
>
> Rafael
>
> --
> You received this message because you are subscribed to the Google Groups
> "Satchmo users" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/satchmo-users?hl=en.
>
>


-- 
Bruce Kroeze
http://www.ecomsmith.com
It's time to hammer your site into shape.

-- 
You received this message because you are subscribed to the Google Groups 
"Satchmo users" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/satchmo-users?hl=en.

Reply via email to