help!! I'm not a coder!! please :(
Aug 15, 2012 4:27 PM
site looks like this. everything is doubled and the details were on the right and now are below.
this is the code currently. Help me fix it please! 
<script type="text/javascript" src="/js-include/jquery.jqzoom.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.leftCol').css('display','none');
$("#ajaxlarge #catlproduct_{tag_productid}").addClass("jqzoom");
srcimage = $("#ajaxlarge #catlproduct_{tag_productid}").attr("src");
$("#ajaxlarge #catlproduct_{tag_productid}").attr('alt',srcimage);
$(".prodMain-holder #catlproduct_{tag_productid}").addClass("jqzoom");
//srcimage = $(".prodMain-holder #catlproduct_{tag_productid}").attr("src");
//$(".prodMain-holder #catlproduct_{tag_productid}").attr('alt',srcimage);
$(".prodMain-holder #catlproduct_{tag_productid}").attr('alt','{tag_custom1}');
$("img.jqzoom").jqueryzoom({xzoom: 250, yzoom: 250, offset: 10});
$.fn.preload = function() {
this.each(function(){
$('<img/>')[0].src = this;
});
}
/**/
$(".productPoplets td.productPopletsItem a").each(function(){
$(this).removeAttr('onclick');
srcimage1 = $(this).attr('href');
$(this).attr('rel',srcimage1);
$(this).attr('href','javascript:void(0)');
presrcimage2 = $(this).attr('rel');
//prestr = presrcimage2 ;
var imagefilename2 = presrcimage2.split("/");
filenum2 = imagefilename2.length - 1;
str_image2 = '/images/productimages/'+imagefilename2[filenum2];
str_image3 = str_image2.replace(".jpg",".png");
srcimage_orig2 = str_image3.replace(".png", "_LARGE.png");
altsrcimage_orig2 = str_image3.replace(".png", "_ZOOM.png");
//prenewsrcimage2 = prestr.replace(".png", ".jpg");
prelargesrcimage = 'http://'+window.location.hostname + srcimage_orig2 ;
prezoomsrcimage = 'http://'+window.location.hostname+ altsrcimage_orig2;
$([prelargesrcimage]).preload();
$([prezoomsrcimage]).preload();
$(this).bind("click",function(e){
e.preventDefault();
srcimage2 = $(this).attr('rel');
var imagefilename = srcimage2.split("/");
filenum = imagefilename .length - 1;
str_image = '/images/productimages/'+imagefilename[filenum];
//str_large = srcimage2;
largeorig = str_image.replace(".jpg", ".png");
srcimage_orig = largeorig.replace(".png", "_LARGE.png");
altsrcimage_orig = largeorig.replace(".png", "_ZOOM.png");
//str = srcimage2 ;
//newsrcimage2 = str.replace(".png", ".jpg");
//largesrcimage = '/zoom'+ newsrcimage2 ;
$(".prodMain-holder #catlproduct_{tag_productid}").css('display','none');
$(".prodMain-holder #catlproduct_{tag_productid}").attr('src',srcimage_orig);
$(".prodMain-holder #catlproduct_{tag_productid}").attr('alt',altsrcimage_orig);
$('.prodMain-holder #catlproduct_{tag_productid}').load(function(){
$(".prodMain-holder #catlproduct_{tag_productid}").fadeIn('slow');
}).attr('src',srcimage_orig);
$('.prodMain-holder #catlproduct_{tag_productid}').load(function(){
}).attr('alt',altsrcimage_orig);
//$(".prodMain-holder #catlproduct_{tag_productid}").fadeIn('slow');
});
});
$(".catProductAttributeGroup div.catProdAttributeItem").each(function(){
$(this).bind("click",function(e){
$(this).children('input').attr('checked','checked');
});
});
});
</script>
<div class="paddingBtm12">
<div class="clearB"></div>
</div>
<div class="prodDetail-right">
<div class="prodMain-holder">
<div style="color: black !important; background-color: white !important; padding-top: 3px !important; padding-right: 3px !important; padding-bottom: 3px !important; padding-left: 3px !important; background-image: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; text-align: left !important; word-wrap: break-word !important;">
<div class="prodDetail-right">
<div class="prodMain-holder">{tag_largeimage}
<div class="prodDetail-right" style="width: 450px;">
<div id="prodDetail-holder_1" class="prodDetail-holder">
<h4 class="h3Green left">{tag_name}</h4>
<h4 class="h3Green right">Price: {tag_saleprice}</h4>
<p>{tag_description}</p>
</div>
<div id="prodDetail-holder_2" class="prodDetail-holder">
<table cellspacing="3" cellpadding="3" border="0" class="editQty-table" style="border:1px dotted #cccccc;">
<tbody>
<tr>
<td style="border:1px dotted #cccccc;padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px;"><label>Qty:</label></td>
<td style="border:1px dotted #cccccc;padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px;">{tag_addtocartinputfield}</td>
<td style="border:1px dotted #cccccc;padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px;">{tag_addtocart,<img alt="" src="/images/btnAddCart.gif" />} </td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="prodDetail-holder_3" class="prodDetail-holder">
<p><span class="bold left paddingRight20">Color:</span> {tag_grouping}</p>
</div>
<div id="prodDetail-holder_4" class="prodDetail-holder"></div>
<div class="left alignCenter paddingTop20" style="width: 265px;"></div>
<h4>You may also like…</h4>
<div class="otherProducts">{tag_relatedproducts,2}</div>
<div class="clearB"></div>
</div>
<div class="clearB"></div>
<div id="prodDetail-holder_6" class="prodTab-container">
<ul class="tabs">
<li class="active"><a id="#tab1">details<br />
</a></li>
<li><a id="#tab2">reviews</a></li>
</ul>
<div class="tab_container-btm">
<div class="tab_container-top">
<div class="tab_container">
<div id="tab1" class="tab_content">
<p><span style="float: left;"></span></p>
<p><span style="float: left;"></span></p>
<div style="float: left; clear: right; width: 196px;">{tag_custom2}</div>
<div style="float: left; clear: right; width: 196px;">{tag_custom3}</div>
<div style="float: left; clear: right; width: 196px;">{tag_custom4}</div>
</div>
</div>
</div>
<div id="prodDetail-holder_6" class="prodTab-container">
<div class="tab_container-btm">
<div class="tab_container-top">
<div class="tab_container">
<div style="display: none;" id="tab2" class="tab_content">
<div class="comment-form">
{module_ratingfeedback}
<h5>Comment</h5>
<form name="catratingform2343" onsubmit="return checkWholeForm2343(this)" method="post" action="/RatingProcess.aspx?OID={module_oid}&OTYPE={module_otype} ">
<div class="form">
<div class="item"> <label>Was this helpful?</label><br />
No <input type="radio" name="Rating" value="1" /> <input type="radio" name="Rating" value="2" /> <input type="radio" name="Rating" checked="checked" value="3" /> <input type="radio" name="Rating" value="4" /> <input type="radio" name="Rating" value="5" /> Very </div>
<div class="item"> <label>Name (optional)</label><br />
<input type="text" class="chk-input" name="FullName" maxlength="255" /> </div>
<div class="item"> <label>Website (optional)</label><br />
<input type="text" class="chk-input" name="Website" maxlength="255" /> </div>
<div class="item"> <label>Email Address (optional)</label><br />
<input type="text" class="chk-input" name="EmailAddress" maxlength="255" /> </div>
<div class="item"> <label>Enter Word Verification in box below</label><br />
{module_captchav2} </div>
<div class="item"> <label>Comment (optional)</label><br />
<div class="form-fields"><textarea class="cat_listbox_small" name="Feedback"></textarea></div>
</div>
<div class="item"> <input type="image" src="/images/design-images/submit.png" class="cat_button" value="Submit" /> </div>
</div>
<script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
<script type="text/javascript"> //<![CDATA[
function checkWholeForm2343(theForm){var why = "";if (theForm.EmailAddress) if (theForm.EmailAddress.value.length > 0) why += checkEmail(theForm.EmailAddress.value);if (theForm.CaptchaV2) why += isEmpty(theForm.CaptchaV2.value, "Enter Word Verification in box below");if (why != ""){alert(why);return false;}theForm.submit();return false;}
//]]> </script>
</form>
</div>
</div>
</div>
<!-- end of tab_container -->
</div>
<!-- end of tab_container-top -->
</div>
<!-- end of tab_container-btm -->
</div>
<!-- end of prodTab-container -->
<div class="clearB"></div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".catProductAttributeGroup div.catProdAttributeItem").each(function(){
$(this).children('img').css('border','none');
$(this).bind("click",function(e){
$(this).children('input').attr('checked','checked');
old_id = $(this).children('input').attr('id');
$('.catProductAttributeGroup div.catProdAttributeItem').each(function() {
new_id = $(this).children('input').attr('id');
if(new_id == old_id){
$(this).children('img').css('border','1px solid #c8afa9');
$(this).children('img').css({ opacity: 1 });
}else{
$(this).children('img').css({ opacity: 0.6 });
$(this).children('img').css('border','none');
}
});
});
});
$('.catProductAttributeGroup div.catProdAttributeItem').each(function() {
$(this).children('img').hover(function() {
$(this).stop().animate({ opacity: 1.0 }, 500);
},
function() {
parentdiv = $(this).parent();
if(parentdiv.children('input').is(':checked'))
$(this).stop().animate({ opacity: 1.0 }, 500);
else
$(this).stop().animate({ opacity: 0.6 }, 500);
});
});
});
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
</div>
</div>
</div>
</div>
</div>
</div>
