Detalle del Producto
Funciones en vista del producto
Título de página
<![CDATA[
<title><vtex.cmc:productPageTitle /></title>
]]>
Etiquetas VTEX útiles en el detalle del producto
<![CDATA[
<vtex.cmc:breadCrumb />
<vtex.cmc:ProductImage zoom="on"/>
<vtex.cmc:skuReference/>
<vtex.cmc:productName/>
<vtex.cmc:ProductDescription/>
<vtex.cmc:productDescriptionShort />
<vtex.cmc:skuSelection />
<vtex.cmc:skuPrice/>
<vtex.cmc:BuyInPage/>
<vtex.cmc:productSpecification/>
]]>
Cambiar formato de moneda y placeholders
<![CDATA[
update_product_price_currency();
$(window).on('skuSelected.vtex', function(){
update_product_price_currency();
update_placeholders();
});
$(window).on('skuUnselected.vtex', function(){
update_product_price_currency();
update_placeholders();
});
function update_product_price_currency(){
skuListPrice = $('.produto .skuListPrice');
skuBestPrice = $('.produto .skuBestPrice');
economia = $('.produto .economia-de .economia');
monthly = $('.produto .skuBestInstallmentValue')
var product_prices = new Array(skuListPrice,skuBestPrice,economia,monthly);
for(i = 0; i < product_prices.length; i++) {
if(product_prices[i].length && product_prices[i].text() != ''){
product_prices[i].html('$' + update_currency_format(product_prices[i].text()));
}
}
}
function update_placeholders(){
$('#notifymeClientName').attr('placeholder','Escriba su nombre');
$('#notifymeClientEmail').attr('placeholder','Escriba su email');
}
//En General Scripts
//Format Currency
function update_currency_format(price){
var coma_position = price.search(',');
var total_lenght = price.length-3;
if(coma_position == total_lenght){
price = price.substring(2);
var coma_position = price.search(',');
price = price.replace(/\./g, ',');
price = replaceAt(price, coma_position, '.');
return price;
}else{
return price.substring(1);
}
}
function replaceAt(s, n, t) {
return s.substring(0, n) + t + s.substring(n + 1);
}
]]>
Fix para el tamaño de imágenes en image zoom
<![CDATA[
//Fix for zoom images
setTimeout(function(){
window.LoadZoom = function (pi) {
var optionsZoom = {
zoomWidth: 442,
zoomHeight: 442
};
$(".image-zoom").jqzoom(optionsZoom);
}
LoadZoom(0);
},1000);
]]>