hola, tengo el siguiente problema:
resulta que tengo una funcion que muestra el carro de compras de mi sitio, el cual me muestra los datos totalmente desordenados. dejo una captura
si se fijan, los nombres de los resultados salen arriba de la imagen, uno al lado de otro, y bajo la imagen, salen los datos respectivamente.
me preguntaba si alguien de uds. me puede ayudar a ordenarlos.
dejo la funcion:
Código Javascript
:
Ver original//FUNCION QUE MUESTRA EL CARRO
function addCartItemDisplay(objProd,Quantity){
var pId = $(objProd).attr(attrProductId);
var pIndex = products.index(objProd);
var pName = $(objProd).attr(attrProductName);
var pPrice = $(objProd).attr(attrProductPrice);
var prodImgSrc = $(objProd).attr(attrProductImage);
var pTotal = (pPrice - 0) * (Quantity - 0);
pTotal = getMoneyFormatted(pTotal);
// Now Go for creating the design stuff
$('.scMessageBar',elmCartList).remove();
var elmCPTitle1 = $('<div></div>').addClass("scCartItemTitle scCartItemTitle1");
if(prodImgSrc && options.enableImage && prodImgSrc.length>0){
var prodImg = $("<img height='150' align='left'></img>").attr("src",prodImgSrc).addClass("scProductImageSmall");
if(prodImg && options.enableImageTooltip){
prodImg.bind("mouseenter mousemove",function(){
showTooltip($(this));
return false;
});
prodImg.bind("mouseleave",function (){
tooltip.hide();
return true;
});
}
elmCPTitle1.append(prodImg);
}
var elmCP = $('<div></div>').attr("id","divCartItem"+pIndex).addClass("scCartItem");
var pTitle = pName;
var phtml = formatTemplate(options.cartItemTemplate, $(objProd));
var elmCPContent = $('<div></div>').html(phtml).attr("title",pTitle);
elmCPTitle1.append(elmCPContent);
var elmCPTitle2 = $('<label>'+pPrice+'</label>').addClass("scCartItemTitle scCartItemTitle2");
var inputQty = $('<input type="text" value="'+Quantity+'" />').attr("id","lblQuantity"+pIndex).attr("rel",pIndex).addClass("scTxtQuantity2");
$(inputQty).bind("change", function(e){
var newQty = $(this).val();
var prodIdx = $(this).attr("rel");
newQty = newQty - 0;
if(validateNumber(newQty)){
updateCartQuantity(prodIdx,newQty);
}else{
var productItem = elmProductSelected.children("option[rel=" + prodIdx + "]");
var pValue = $(productItem).attr("value");
var valueArray = pValue.split('|');
var pQty = valueArray[1];
$(this).val(pQty);
showHighlightMessage(messageQuantityErrorUpdate);
}
return true;
});
var elmCPTitle3 = $('<div></div>').append(inputQty).addClass("scCartItemTitle scCartItemTitle3");
var elmCPTitle4 = $('<label>'+pTotal+'</label>').attr("id","lblTotal"+pIndex).addClass("scCartItemTitle scCartItemTitle4");
var btRemove = $('<a>'+labelRemove+'</a>').attr("rel",pIndex).attr("href","#").addClass("scRemove").attr("title","Quitar del Carro");
$(btRemove).bind("click", function(e){
var idx = $(this).attr("rel");
removeFromCart(idx);
return false;
});
var elmCPTitle5 = $('<div></div>').addClass("scCartItemTitle scCartItemTitle5");
elmCPTitle5.append(btRemove);
elmCPTitle1.append(elmCPContent);
elmCP.append(elmCPTitle1).append(elmCPTitle2).append(elmCPTitle3).append(elmCPTitle4).append(elmCPTitle5);
elmCartList.append(elmCP);
}
estaría muy agradecido si me logran ayudar!
estaré atento a sus comentarios!
saludos y de ante mano muchas gracias!!
