HELP! I SCREWED UP EVERYTHING!
this code, dont know did, page looks this. 
the product doubled, details below when on right.
here's code:
<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-left">
<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 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 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>
please post question @ link:
<http://forums.adobe.com/community/dreamweaver/dreamweaver_general?view=discussions>
g/l
More discussions in Web design
adobe
Comments
Post a Comment