arreGloSeleccionados = [];
function obtenerVariaciones() {
if (tipoProducto == 2) {
$.get(`/functions/producto/obtener_informacion_variacion?noshow&id_producto=${idProducto}`, function (resultado) {
console.log(resultado);
$(".seccion-variaciones").html(resultado);
$(".contenedor-atributo").each(function () {
var idAtributo = $(this).data('atributo');
var float = "";
if (idAtributo == 1) {
var float = "style='float:left;'"
}
cadenaOpciones = "";
$(this).find('li .contenido-dina').each(function (index, element) {
if (idAtributo == 1) {
cadenaOpciones += "
" + outerHTML(element) + "" + $(element).data('nombre') + "";
} else {
cadenaOpciones += "
" + outerHTML(element) + "";
}
});
});
}).done(function () {
$(".atributo-opcion").click(function () {
if(!$(this).hasClass('out')){
var jerarquia = $(this).data('jerarquia');
var insideOption = $(this).data('id');
var atributo = $(this).data('atributo');
if (atributo == 1) {
var personalizada = ($(this).data('personalizada') == '1' || $(this).data('personalizada') == 1) ? true : false;
if (personalizada ) {
var tieneGaleria = ($(this).data('tienegaleria') == '1' || $(this).data('tienegaleria') == 1) ? true : false;
console.log(tieneGaleria);
var imagenPrincipal = $(this).data('principal');
let cadenaGaleria = `
-
`;
let cadenaGaleriaSecundaria = `
-
`;
$(".gal-principal").hide('fade', 300);
$(".gal-secundaria").hide('fade', 300);
if (tieneGaleria) {
var galeriaPer = $(this).data('galerias');
if (galeriaPer) {
arregloImagenes = galeriaPer.split(',');
arregloImagenes.forEach(element => {
cadenaGaleria += `
-
`
cadenaGaleriaSecundaria += `
-
`
});
}
}
cadenaGaleria += `
`
cadenaGaleriaSecundaria += `
`
$(".gal-secundaria-principal").html(cadenaGaleria);
$(".gal-secundaria-thumb").html(cadenaGaleriaSecundaria);
var main2 = new Splide( '#sliderSecundario', {
type : 'fade',
pagination : false,
arrows : false,
cover : true,
} );
var thumbnails2 = new Splide( '#sliderSecundarioThumb', {
rewind : true,
fixedWidth : 100,
fixedHeight : 100,
isNavigation: true,
gap : 10,
arrows : false,
focus : 'center',
pagination : false,
cover : true,
} );
main2.sync( thumbnails2 );
main2.mount();
thumbnails2.mount();
$(".gal-secundaria").show('fade', 300);
} else {
$(".gal-secundaria").hide('fade', 300);
$(".gal-principal").show('fade', 300);
}
}
$(".texto-add-" + atributo).html(`: ${$(this).data('tooltip')}`);
$(".texto-add-" + atributo).data('seleccionado', insideOption);
$(".atributo-j-" + jerarquia).removeClass('activo');
$(this).addClass('activo');
$(".bar-sel-jer-" + jerarquia).removeClass('activa');
$(".bar-sel-" + insideOption).addClass('activa');
var cadena = String($(this).data('parejas'));
var existe = cadena.search(',');
if (existe != -1) {
var arregloParejas = $(this).data('parejas').split(',');
} else {
var arregloParejas = [$(this).data('parejas')];
}
$(".atributo-opcion").each(function (index, element) {
var innerOpcion = $(element).data('id');
var atributoIN = $(element).data('atributo');
var jerarquiaTotal = $("#jararquiaProducto").val();
var jerarquiaPr = $(element).data('jerarquia');
if (jerarquiaPr > jerarquia) {
if (arregloParejas.includes(String($(element).data('id')))) {
$(element).show('drop', 300);
$('.bar-sel-' + innerOpcion).show()
} else {
$(element).hide('drop', 300);
$(element).removeClass('activo');
$('.bar-sel-' + innerOpcion).removeClass('activa');
$('.bar-sel-' + innerOpcion).hide()
if ($(".texto-add-" + atributoIN).data('seleccionado') == innerOpcion) {
$(".texto-add-" + atributoIN).html("");
}
}
}
if (jerarquiaPr == jerarquiaTotal) {
var agotandose = $("#reglasAgotandose").data('agotandose');
arreGloSeleccionadosIn = [];
if(jerarquiaTotal>1){
$(".atributo-opcion.activo").each(function (index2, activo) {
if ($(activo).data('jerarquia') != jerarquiaTotal) {
arreGloSeleccionadosIn.push($(this).data('id'));
}
});
cadenaParejasIn = arreGloSeleccionadosIn.join('_');
cadenaParejasIn += "_" + innerOpcion;
}else{
cadenaParejasIn = innerOpcion;
}
var inventario = $(".par_ocu_" + cadenaParejasIn).data('inventario');
if (!isNaN(inventario)) {
if (inventario > agotandose) {
$(".inf-extra-" + innerOpcion).html("");
$(element).removeClass('out');
$(".bar-sel-"+innerOpcion).removeClass('inactiva')
$(element).removeClass('ultimas-unidades');
} else if (inventario <= agotandose && inventario > 0) {
$(".inf-extra-" + innerOpcion).html(`
`);
$(".bar-sel-"+innerOpcion).removeClass('inactiva');
$(element).addClass('ultimas-unidades');
$(element).removeClass('out');
} else {
$(".inf-extra-" + innerOpcion).html("");
$(element).addClass('out');
$(element).removeClass('activo');
$(element).removeClass('ultimas-unidades');
$(".bar-sel-"+innerOpcion).removeClass('activa')
$(".bar-sel-"+innerOpcion).addClass('inactiva')
if ($(".texto-add-" + atributoIN).data('seleccionado') == innerOpcion) {
$(".texto-add-" + atributoIN).html("");
}
}
}
}
});
validarBotonCarrito();
}
})
}).done(function () {
$("#primerAtributoOp").click();
$(".select-contenedor").hover(function () {
$(".select-contenedor").each(function () {
element = $(this).find('.select-desplegado');
var pos = $(element).outerHeight();
$(element).css('top', -pos);
})
$(this).find('.select-desplegado').stop(true, true).show('slide', { 'direction': 'down' }, 300);
$(this).find('.icono-select').html('
')
}, function () {
$(this).find('.select-desplegado').stop(true, true).hide('slide', { 'direction': 'down' }, 300);
$(this).find('.icono-select').html('
')
})
tippy(".ultimas-unidades", {
content: 'Últimas unidades',
theme: 'orange'
});
});
}
}
$(function () {
obtenerVariaciones();
$(".btn-boton-agregar").click(function () {
var cantidad = 1;
if (cantidad > 0 && cantidad<=5) {
if (tipoProducto == 2) {
arreGloSeleccionados = [];
$(".atributo-opcion.activo").each(function () {
arreGloSeleccionados.push($(this).data('id'));
});
if (arreGloSeleccionados.length == $("#jararquiaProducto").val()) {
agregarProducto(cantidad,arreGloSeleccionados.toString());
} else {
addToast('Error', 'Debes seleccionar el producto.', 'error');
}
} else {
agregarProducto(cantidad, '');
}
} else {
addToast('Error', 'Debes indicar la cantidad de unidades', 'error');
}
})
});
function outerHTML(node) {
return node.outerHTML || new XMLSerializer().serializeToString(node);
}
function validarBotonCarrito() {
arreGloSeleccionados = [];
$(".atributo-opcion.activo").each(function () {
arreGloSeleccionados.push($(this).data('id'));
});
if (arreGloSeleccionados.length == $("#jararquiaProducto").val()) {
$(".btn-boton-agregar").removeAttr('disabled');
} else {
$(".btn-boton-agregar").attr('disabled', 'disabled');
$(".boton-barra").addClass('desha')
}
}
document.addEventListener( 'DOMContentLoaded', function () {
var main = new Splide( '#main-slider', {
type : 'fade',
pagination : false,
arrows : false,
cover : true,
} );
var thumbnails = new Splide( '#thumbnail-slider', {
rewind : true,
fixedWidth : 100,
fixedHeight : 100,
isNavigation: true,
gap : 10,
arrows : false,
focus : 'center',
pagination : false,
cover : true,
} );
main.sync( thumbnails );
main.mount();
thumbnails.mount();
} );
function agregarProducto(cantidad, variaciones) {
bloquearPagina();
$.getJSON(`/functions/carrito/agregar_carrito?noshow&id_producto=${idProducto}&cantidad=${cantidad}&variaciones=${variaciones}`, function (resultado) {
$("#notificaciones").html(resultado.notificacion)
console.log(resultado)
if (resultado.exito == true || resultado.exito == "true") {
obtenerVariaciones();
addToast('Éxito', resultado.notificacion, 'success')
} else {
addToast('', resultado.notificacion, 'error')
}
desbloquearPagina();
}).done(function () {
obtenerCarrito();
}).fail(function (mensaje) {
desbloquearPagina();
console.log(mensaje);
})
}
¿Eres nuev@?
