Mar 2011
4 / 4
Mar 2011
Mar 2011
quaffer
Mar '11

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.

  • created

    Mar '11

  • last reply

    Mar '11
  • 3

    replies

  • 926

    views

  • 2

    users

  • 5

    links

E-junkie_MonsterSupport Monster
Mar '11

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
Mar '11

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">

<!--

var Path='test/';



function CngColor(obj){

index=obj.selectedIndex;

if (index<1){ return; }

document.getElementById('Img1').src=Path+obj.options[index].value;

}

//-->

</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!