Share via E-Mail
Share on Twitter
Share on Facebook
E-junkie Blog
E-junkie FaceBook Page
E-junkie @ Twitter

E-junkie Ecommerce Forums » E-junkie Discussions

Tag Cloud for this topic:

Change picture based on Varients



quaffer
member
Posts: 13


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.


#
POSTED ON: March 19, 2011 @ 16:23 GMT -7




E-JunkieMonster
E-Junkie Crew
Posts: 564


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


#
POSTED ON: March 19, 2011 @ 17:26 GMT -7




quaffer
member
Posts: 13


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="ej_ejc" 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/ej_add_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!


#
POSTED ON: March 19, 2011 @ 17:29 GMT -7
MODIFIED ON: March 19, 2011 @ 17:29 GMT -7




quaffer
member
Posts: 13


I just figured it out, thanks anyway!


#
POSTED ON: March 19, 2011 @ 17:48 GMT -7


You must be logged in to make a post. Please click here to login.

30 Day Money Back Guarantee
PayPal Certified Integration
Google Checkout Certified Integration
Slam the Online Scam