Change picture based on Varients

product

customized

show

switch

image

main

jpg

selects

letters

glass

quaffer 2011-03-19 16:23:08 UTC #1

I have a product that can be customized. Let's say Im going to have a glass that can have the letters A-Z on it. Is there anyway when someone selects one of the letters, that the main image will change to a preset jpg. Basically I just want the image to change to show them what it will look like. I would have all the pictures already made up, i would just need it to switch jpg's. Please let me know if there is anyway to do this.

E-junkie_Monster 2011-03-19 17:26:21 UTC #2

Hello,

This would have to be done outside of our cart, our service itself doesn't display any images on your site because it is intended to be used among your existing layout and images.

By the time the buyer has made a selection and hit the button to record it they are already in your shopping cart, so what you would basically have to do is code in something on your site that lets the buyer make their choice and see a preview image before they get to our shopping cart. From there you can add their choice into our cart directly without making them select again. That would be a matter of webdesign that falls outside of our service but you can get help with this kind of thing from the experienced developers listed here:

http://www.e-junkie.com/ej/developer-directory.htm

quaffer 2011-03-19 17:29:24 UTC #3

Thanks for the information. I have some code I have been working with, which I can get the picture to change now, but it does not pass the varient information to the cart. Just curious, would you happen to know based on the code below why that varient information is not being passed? If you are not able to assist, i understand.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title></title>

<script language="JavaScript" type="text/javascript">



</script></head>

<body>

<form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=910566&cl=42484&ejc=2" target="ejejc" method="POST" accept-charset="UTF-8">

<p>

<input type="hidden" name="img1" value="Letter"/>

Letter:<br/>

<img id="Img1" src="test/1.png" width=146 height=153 > </p>

<p>Select the monogrammed letter you would like engraved:</p>

<p>

<select onChange="CngColor(this);" >

<option >Select</option>

<option value="1.png">A</option>

<option value="2.jpg">B</option>

</select>

<br/>

<input type="image" src="http://www.e-junkie.com/ej/ejadd_to_cart.gif" border="0" alt="Add to Cart" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this.parentNode);"/>

</p>

</form>

</body>

</html>

Thanks!

quaffer 2011-03-19 17:48:36 UTC #4

I just figured it out, thanks anyway!

SOLUTIONS FEATURES PRICING DISCOVER PRODUCTS CONTACT HELP DOCS DASHBOARD

Forum

E-junkie Community Forum

Share and learn in the E-junkie community.