"
$(".mya-shipping-address table tbody").append(tr);
});
}
function getMyOrders(data) {
$(".mya-orders").empty();
$(".mya-orders").append(data);
}
function getPendingProducts(data) {
$(".mya-pending-products").empty();
$(".mya-pending-products").append(data);
}
function fail() {
alert("¡¡¡Error!!!");
}
}
function attachStarHover(m) {
// Pintar por hover las estrellas hasta la posición actual
m.on("mouseenter", ".rating-box.calificar .rating-star", function (e) {
var parent = $(this).closest(".rating-box");
var index = $(this).index();
parent.children(".rating-star").removeClass("full-star").addClass("empty-star");
for (var i = 0; i <= index; i++) {
parent.children(".rating-star").eq(i).removeClass("empty-star").addClass("full-star");
}
});
// Al quitar hover, restaurar el estado según la selección actual (data("stars"))
m.on("mouseleave", ".rating-box.calificar", function (e) {
var parent = $(this);
var sel = parent.data("stars");
// sel guarda un índice 0-based cuando se selecciona con click; si no existe, -1
if (isNaN(sel)) sel = -1;
parent.children(".rating-star").removeClass("full-star").addClass("empty-star");
if (sel >= 0) {
for (var i = 0; i <= sel; i++) {
parent.children(".rating-star").eq(i).removeClass("empty-star").addClass("full-star");
}
}
});
}
$(document).ready(function () {
// Manejo global para detectar expiración de sesión o devolución de la página de login
$(document).ajaxError(function (event, jqXHR, ajaxSettings, thrownError) {
// Si el servidor devuelve 401, redirigir inmediatamente al login
if (jqXHR && jqXHR.status === 401) {
window.location.href = "/iniciar-sesion";
return;
}
// Fallback: si la respuesta contiene la página de login (a veces el servidor devuelve HTML de login con 200)
var resp = (jqXHR && jqXHR.responseText) ? jqXHR.responseText : null;
if (typeof resp === "string" && resp.indexOf("Iniciar sesión") !== -1) {
window.location.href = "/iniciar-sesion";
return;
}
});
// Otro filtro global: comprobar HTML devuelto en peticiones que completan con 200
$(document).ajaxComplete(function (event, xhr, settings) {
try {
if (xhr && xhr.status === 200) {
var ct = (xhr.getResponseHeader && xhr.getResponseHeader('Content-Type')) || "";
if (ct.indexOf('text/html') !== -1) {
var txt = xhr.responseText || "";
// Detectores comunes de la página de login
if (txt.indexOf("Iniciar sesión") !== -1 || (txt.indexOf(' 6;
}, "Formato incorrecto");
$("#addshippingaddress #Email").inputmask({ alias: 'email' });
$("#addshippingaddress #Phone").inputmask({
mask: "99999999999999999999",
showMaskOnHover: false,
showMaskOnFocus: false,
placeholder: ' '
});
/************************/
/* Cambio de contraseña */
/************************/
$("#changePassword").validate({
submitHandler: function (form) {
AjaxPost("/mi-cuenta/changepassword", $(form).serialize(), function () {
Swal.fire('Contraseña actualizada', 'Tu contraseña ha sido cambiada exitosamente.', 'success');
});
return false;
},
rules: {
cpPassword: "required",
cpPasswordConfirm: {
equalTo: "#cpPassword"
}
},
messages: {
cpPassword: "Campo obligatorio",
cpPasswordConfirm: {
required: "Campo obligatorio",
equalTo: "Las contraseñas no coinciden"
}
}
});
/****************************/
/****************************/
$("#addshippingaddress").validate({
submitHandler: function (form) {
AjaxPost("/mi-cuenta/UpdateShippingAddress", $(form).serialize(), function (data) {
showFormMyAccount("mya-shipping-address", $(".mya .panel"));
Swal.fire('¡Hecho!', 'Se guardó correctamente la dirección de envío.', 'success');
$(".formShippingAddress").fadeOut("fast", function () {
$(".formShippingAddress form").trigger("reset");
});
});
return false;
},
rules: {
Phone: "phone",
Region: "required"
},
messages: {
Phone: {
required: "Campo obligatorio"
},
Email: {
required: "Campo obligatorio"
},
Addressee: {
required: "Campo obligatorio"
},
Street: "Campo obligatorio",
ExteriorNumber: "Campo obligatorio",
InteriorNumber: "Campo obligatorio",
Zone: "Campo obligatorio",
Zip: "Campo obligatorio",
Region: "Campo obligatorio",
City: "Campo obligatorio",
State: "Campo obligatorio",
Country: "Campo obligatorio"
}
});
///////////////////////
$(".mya-orders").on("click", "a.btn-open", function () {
var button = $(this).children("i");
var container = $(this).parents(".mya-order");
container.children(".mya-order-content").stop().slideToggle()
if (button.hasClass("fa-chevron-down")) {
button.removeClass("fa-chevron-down").addClass("fa-chevron-up");
} else {
button.removeClass("fa-chevron-up").addClass("fa-chevron-down");
}
})
$(".mya-orders").on("click", "a.btn-buy", function () {
var order = $(this).data("order");
$.post("/carrito/Repurchase", { order: order }, function (data) {
updateShoppingCarCounter(data.quantity)
if (data.errors.length > 0) {
Notiflix.Notify.Warning("Algunos productos no se encuentran disponibles actualmente.")
}
else
{
Notiflix.Notify.Success("Se han agregado todos los productos al carro.")
}
})
})
$(".mya-orders").on("submit","#searchOrders", function (evt) {
evt.preventDefault();
$.ajax({
type: "GET",
url: "/mi-cuenta/MyOrders",
data: $(this).serialize(),
dataType: "html",
cache: false
}).done(function get(data) {
$(".mya-orders").empty();
$(".mya-orders").append(data);
}).fail(function fail() {
alert("¡¡¡Error!!!");
});
})
$(".mya-orders").on("click", ".btn-review", function (ev) {
ev.preventDefault();
let order = ev.currentTarget.dataset.idorder
let product = ev.currentTarget.dataset.idproduct;
let obj = {
order: order,
detalle: (product != undefined) ? product : null
}
$.ajax({
type: "GET",
url: "/mi-cuenta/modalreview",
data: obj,
dataType: "html",
cache: false
}).done(function get(data) {
var m = $(data);
m.modal();
attachStarHover(m);
m.on($.modal.AFTER_CLOSE, function (event, modal) {
m.remove();
});
m.find("textarea").each(function () {
let textarea = $(this);
let span = textarea.next("span.contador");
let max = parseInt(textarea.attr("maxlength")) || 400;
span.text("0/" + max);
});
m.on("keyup change focus blur", "textarea", function (ev) {
let el = $(ev.currentTarget)
let max = parseInt(el.attr("maxlength")) || 400;//400;
let txt = el.val();
if (txt.length > max) {
el.val(txt.substring(0, max));
}
//el.closest("tr").find(".rv-opinion span").text(max - txt.length);
let span = el.next("span");
if (!span.length) {
// fallback: buscar dentro del contenedor del producto
span = el.closest(".reviews-products-container").find(".space-y-2-custom span").first();
}
//span.text(max - (el.val() || "").length);
let usados = (el.val() || "").length;
span.text(usados + "/" + max);
span.removeClass("warning danger");
if (usados > max - 50) {
span.addClass("danger");
} else if (usados > max - 100) {
span.addClass("warning");
}
});
m.on("click", ".calificar .rating-star", function (e) {
var parent = $(e.currentTarget).closest(".rating-box");
var index = $(e.currentTarget).index();
parent.children(".rating-star").removeClass("full-star").addClass("empty-star");
for (var i = 0; i <= index; i++) {
parent.children(".rating-star").eq(i).removeClass("empty-star").addClass("full-star");
}
parent.data("stars",index)
})
m.on("click", ".guardarProducto", function (e) {
let container = $(this).closest(".reviews-products-container")
let obj = getReview(container)
let textarea = container.find("textarea");
if (textarea.length && textarea.val().length < 1) {
Notiflix.Notify.Warning("Agregue un comentario para poder registrar su opinión.")
return;
}
if (obj.estrellas < 1) {
Notiflix.Notify.Warning("Seleccione una calificación válida.")
return;
}
saveReview([obj])
})
function getReview(parent) {
let estrellas = parent.find(".rating-box").data("stars") + 1;
if (isNaN(estrellas)) {
estrellas = 0;
}
return {
detalle: parent.data("detalle"),
estrellas: estrellas,
comentario: parent.find("textarea").val(),
estatus: null,
mensaje: null
}
}
function saveReview(param) {
$.ajax({
type: "POST",
url: "/mi-cuenta/savereviews",
data: {reviews:param},
cache: false
}).done(function (data) {
if (data.Estatus) {
$.each(data.Lista, function (i, v) {
let item = $("div[data-detalle='" + v.Detalle + "']");
if (v.Estatus == false) {
if (item.find(".mensaje").length) {
item.find(".mensaje").text(v.Mensaje)
} else {
Notiflix.Notify.Warning(v.Mensaje)
}
}
else {
//item.find(".rv-opinion").text(v.Comentario)
// reemplazar textarea por el texto de la opinion
let textarea = item.find("textarea");
if (textarea.length) {
textarea.next("span").remove();
textarea.replaceWith($("").addClass("rv-text").text(v.Comentario));
} else {
// si ya no hay textarea, intentar actualizar rv-opinion o añadirlo
let rv = item.find(".rv-text");
if (rv.length) {
rv.text(v.Comentario);
} else {
item.find(".space-y-2-custom").eq(1).append($("").addClass("rv-text").text(v.Comentario));
}
}
item.find(".guardarProducto").remove();
item.find(".rating-box").removeClass("calificar")
}
})
}
else {
Notiflix.Notify.Warning(data.Mensaje)
}
}).fail(function () {
Notiflix.Notify.Warning("Sucedio un error, intente de nuevo más tarde.")
});
}
}).fail(function fail() {
Notiflix.Notify.Warning("Sucedio un error, intente de nuevo más tarde.")
});
});
$(".mya-pending-products").on("click", ".btn-review", function (ev) {
ev.preventDefault();
let order = ev.currentTarget.dataset.idorder
let product = ev.currentTarget.dataset.idproduct;
let obj = {
order: order,
detalle: (product != undefined) ? product : null
}
$.ajax({
type: "GET",
url: "/mi-cuenta/modalreview",
data: obj,
dataType: "html",
cache: false
}).done(function get(data) {
var m = $(data);
m.modal();
attachStarHover(m);
m.on($.modal.AFTER_CLOSE, function (event, modal) {
m.remove();
});
m.find("textarea").each(function () {
let textarea = $(this);
let span = textarea.next("span.contador");
let max = parseInt(textarea.attr("maxlength")) || 400;
span.text("0/" + max);
});
m.on("keyup change focus blur", "textarea", function (ev) {
let el = $(ev.currentTarget)
let max = parseInt(el.attr("maxlength")) || 400;//400;
let txt = el.val();
if (txt.length > max) {
el.val(txt.substring(0, max));
}
//el.closest("tr").find(".rv-opinion span").text(max - txt.length);
let span = el.next("span");
if (!span.length) {
// fallback: buscar dentro del contenedor del producto
span = el.closest(".reviews-products-container").find(".space-y-2-custom span").first();
}
//span.text(max - (el.val() || "").length);
let usados = (el.val() || "").length;
span.text(usados + "/" + max);
span.removeClass("warning danger");
if (usados > max - 50) {
span.addClass("danger");
} else if (usados > max - 100) {
span.addClass("warning");
}
});
m.on("click", ".calificar .rating-star", function (e) {
var parent = $(e.currentTarget).closest(".rating-box");
var index = $(e.currentTarget).index();
parent.children(".rating-star").removeClass("full-star").addClass("empty-star");
for (var i = 0; i <= index; i++) {
parent.children(".rating-star").eq(i).removeClass("empty-star").addClass("full-star");
}
parent.data("stars", index)
})
m.on("click", ".guardarProducto", function (e) {
let container = $(this).closest(".reviews-products-container")
let obj = getReview(container)
let textarea = container.find("textarea");
if (textarea.length && textarea.val().length < 1) {
Notiflix.Notify.Warning("Agregue un comentario para poder registrar su opinión.")
return;
}
if (obj.estrellas < 1) {
Notiflix.Notify.Warning("Seleccione una calificación válida.")
return;
}
saveReview([obj])
})
function getReview(parent) {
let estrellas = parent.find(".rating-box").data("stars") + 1;
if (isNaN(estrellas)) {
estrellas = 0;
}
return {
detalle: parent.data("detalle"),
estrellas: estrellas,
comentario: parent.find("textarea").val(),
estatus: null,
mensaje: null
}
}
function saveReview(param) {
$.ajax({
type: "POST",
url: "/mi-cuenta/savereviews",
data: { reviews: param },
cache: false
}).done(function (data) {
if (data.Estatus) {
$.each(data.Lista, function (i, v) {
let item = $("div[data-detalle='" + v.Detalle + "']");
if (v.Estatus == false) {
if (item.find(".mensaje").length) {
item.find(".mensaje").text(v.Mensaje)
} else {
Notiflix.Notify.Warning(v.Mensaje)
}
}
else {
//item.find(".rv-opinion").text(v.Comentario)
// reemplazar textarea por el texto de la opinion
let textarea = item.find("textarea");
if (textarea.length) {
textarea.next("span").remove();
textarea.replaceWith($("").addClass("rv-text").text(v.Comentario));
} else {
// si ya no hay textarea, intentar actualizar rv-opinion o añadirlo
let rv = item.find(".rv-text");
if (rv.length) {
rv.text(v.Comentario);
} else {
item.find(".space-y-2-custom").eq(1).append($("").addClass("rv-text").text(v.Comentario));
}
}
item.find(".guardarProducto").remove();
item.find(".rating-box").removeClass("calificar")
location.reload();
}
})
}
else {
Notiflix.Notify.Warning(data.Mensaje)
}
}).fail(function () {
Notiflix.Notify.Warning("Sucedio un error, intente de nuevo más tarde.")
});
}
}).fail(function fail() {
Notiflix.Notify.Warning("Sucedio un error, intente de nuevo más tarde.")
});
});
$(".mya-orders").on("click", ".btn-tracking", function (ev) {
ev.preventDefault();
let order = ev.currentTarget.dataset.idorder
//let trackingnumber = ev.currentTarget.dataset.claveras
let obj = {
order: order
//trackingnumber: trackingnumber
}
$.ajax({
type: "GET",
url: "/mi-cuenta/modaltracking",
data: obj,
dataType: "html",
cache: false
}).done(function get(data) {
var m = $(data);
m.modal();
m.on($.modal.AFTER_CLOSE, function (event, modal) {
m.remove();
});
m.on("click", ".btn-code-copy", function (e) {
e.preventDefault();
var $btn = $(this);
var contenedor = $btn.prev('.m-tracking-code');
var texto = (contenedor && contenedor.find) ? contenedor.find('.t-code-number').text() : "";
if (!texto) {
Notiflix.Notify.Warning("No se encontró el código para copiar");
return;
}
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(texto).then(function () {
var svg = $btn.find('svg');
svg.css('fill', '#4CAF50');
Notiflix.Notify.Success("Código copiado al portapapeles");
setTimeout(function () {
svg.css('fill', '#64748b');
}, 1000);
}).catch(function (err) {
console.error('Error al copiar:', err);
Notiflix.Notify.Failure("No se pudo copiar el código");
});
} else {
// Fallback para navegadores antiguos
var $temp = $('');
$('body').append($temp);
$temp.val(texto).select();
try {
document.execCommand('copy');
Notiflix.Notify.Success("Código copiado al portapapeles");
} catch (err) {
Notiflix.Notify.Failure("No se pudo copiar el código");
}
$temp.remove();
}
});
m.on("click", ".rastrearSeguimiento", function (e) {
e.preventDefault();
let claverastreo = e.currentTarget.dataset.clave
let fkEcommShippingSalesType = e.currentTarget.dataset.esstype
if (claverastreo != null) {
SeguimientoCompras(claverastreo, fkEcommShippingSalesType);
}
})
function SeguimientoCompras(claverastreo, fkEcommShippingSalesType) {
$.ajax({
type: "GET",
url: "/mi-cuenta/SeguimientoCompras",
data: { claveRastreo: claverastreo, fkEcommShippingSalesType: fkEcommShippingSalesType },
success: function (result) {
if (result.Status) {
window.open(result.Data);
}
else {
Swal.fire('ERROR', result.Message, 'error');
}
}
});
}
}).fail(function fail() {
Notiflix.Notify.Warning("Sucedio un error, intente de nuevo más tarde.")
});
})
});
function showMessage(content) {
if (content == "" || content == undefined) {
content = "Mensaje vacio"
}
Notiflix.Notify.Success(content);
//$(".msg-background .msg-content").text("")
//$(".msg-background .msg-content").append(content)
//$(".msg-background").fadeIn("fast");
//var maxSeconds = 3
//$(".msg-time-close").text(maxSeconds);
//var cancel = setInterval(function () {
// maxSeconds--;
// $(".msg-time-close").text(maxSeconds);
// if (maxSeconds < 1) {
// hideMessage();
// clearInterval(cancel);
// }
//}, 1000);
}
function hideMessage() {
//$(".msg-background").fadeOut("fast", function () {
// $(".msg-background .msg-content").text("")
//});
}
//$(".msg-close").on("click", function (evt) {
// evt.preventDefault();
// hideMessage();
//})
$("#loginForm").validate({
rules: {
User: {
required: true,
//email: true,
},
Password: "required"
},
messages: {
User: {
required: "El correo de usuario es obligatorio.",
email: "El correo eléctronico no es valido."
},
Password: "Este campo es obligatorio.",
}
})
$("#restorePasswordForm #Email").inputmask({ alias: 'email' })
$("#restorePasswordForm").validate({
submitHandler: function (form) {
AjaxPost("/iniciar-sesion/RestoreRequest", $(form).serialize(), function (data) {
var type, title;
if (data.status) {
type = "success";
title = "Listo";
} else {
type = "error";
title = "Ocurrió un error:";
}
Swal.fire(title, data.message , type);
});
return false;
},
rules: {
Email: {
required: true,
email: true,
}
},
messages: {
Email: {
required: "El correo de usuario es obligatorio.",
email: "El correo eléctronico no es valido."
}
}
});
if ($("#newsletter").length > 0) {
$("#newsletter").validate({
submitHandler: function (form) {
$.ajax({
type: "POST",
url: "/newsletter",
dataType: "json",
data: $(form).serialize(),
}).done(function (data) {
data = JSON.parse(data)
var title = ""
var type = "";
if (data.status) {
title = "Hecho"
type = "success"
} else {
title = "Espera"
type = "warning"
}
Swal.fire({
title: title, text: data.mensaje, type: type, showConfirmButton: true, timer: 2000, onClose: function () {
setTimeout(function () {
$("input[name='mail']").focus();
}, 500);
}
});
}).fail(function (data) {
Swal.fire({
title: 'Ocurrió un error:', text: data.mensaje, type: 'error', onClose: function () {
setTimeout(function () {
$("input[name='mail']").focus();
}, 500);
}
});
});
return false;
},
rules: {
mail: {
email: true,
required: true
},
},
messages: {
mail: {
email: "Formato de email incorrecto.",
required: "Es necesario introducir su correo electrónico."
}
},
errorPlacement: function (error, element) {
error.css("display", "block")
error.css("fontWeight", "600")
error.insertAfter($("#newsletter").children("input[type=submit]"));
}
});
$("#newsletter input[type=email]").inputmask({ alias: 'email' });
}
$(document).on("click", ".addToCar", addToCar);
$(document).on("click", ".btn-addnew", addToCarForMessage);
$(document).on("submit", "form.co-shop-quantity", function (evt) {
evt.preventDefault();
var form = $(this);
var element = this;
$.get({
url: form.attr("action"),
data: form.serialize(),
params: {
withCredentials: true
}
}).done(function (data) {
if (form.find("[name=view]").val() === "True") {
let count = $($.parseHTML(data)).filter("#countItems").text();
let mensaje = $($.parseHTML(data)).filter("#MessageItem").text();
showMessage(mensaje)
updateShoppingCarCounter(count);
$("#shopCartAjax").html(data);
} else {
var container = $(element).parents(".co-item");
if (data.Quantity == 0) {
location.reload(true);//container.remove();
}
if (data.Count == 0) {
location.reload(true);
}
//showMessage(data.Message)
mostrarMensaje(data.IdProduct, data.Message, data.TituloMensaje, data.CodeProduct);
updateShoppingCarCounter(data.Count);
container.find("a.quantity").text(data.Quantity);
container.find(".co-item-discount div").text(data.Discount);
container.find(".co-item-subtotal div").text(data.Subtotal);
$(".co-total td#BigSubtotal").text(data.BigSubtotal);
$(".co-total td#BigDiscount").text(data.BigDiscount);
$(".co-total td#BigTax").text(data.BigTax);
$(".co-total td#BigTotal").text(data.BigTotal);
}
}).fail(fail);
})
$(document).on("submit", "form.co-shop-promotion", function (evt) {
evt.preventDefault();
var form = $(this);
var element = this;
$.get({
url: form.attr("action"),
data: form.serialize(),
params: {
withCredentials: true
}
}).done(function (data) {
if (data !== false) {
updateShoppingCarCounter(data)
showMessage("Los productos han sido agregados a su carrito")
} else {
showMessage("Error al agregar la promoción.")
}
}).fail(function () {
showMessage("Error al agregar la promoción.")
});
})
$(document).on("click", "form.co-shop-quantity.desc input[type=button]", function (evt) {
var accion = $(this).attr("value");
var input = $(this).parent(".control").children(".quantity");
var inputId = $(this).parent(".control").children(".Id");
var actual = input.val()
var id = inputId.attr("value");
var max = input.attr("max");
switch (accion) {
case '-':
actual--;
break;
case '+':
actual++;
break;
}
if (actual > 0 && actual <= max) {
input.val(actual);
//if (input.data("update")) {
// //actualizar el carro de compras via ajax con el id del producto
// $(".quantity").submit();
//}
}
evt.preventDefault()
});
$(document).on("click", "form.co-shop-quantity.fixLine input[type=button]", function (evt) {
var accion = $(this).attr("value");
var input = $(this).parent(".control").children(".quantity");
var inputId = $(this).parent(".control").children(".Id");
var actual = input.val()
var id = inputId.attr("value");
var max = input.attr("max");
switch (accion) {
case '-':
actual--;
break;
case '+':
actual++;
break;
}
if (actual > 0 && actual <= max) {
input.val(actual);
//if (input.data("update")) {
// //actualizar el carro de compras via ajax con el id del producto
// $(".quantity").submit();
//}
$.get({
url: "/carrito/AddToShoppingCart",
data: { Id: id, Quantity: actual, view: true },
params: {
withCredentials: true
}
}).done(function (data) {
let count = $($.parseHTML(data)).filter("#countItems").text();
let mensaje = $($.parseHTML(data)).filter("#MessageItem").text();
showMessage(mensaje)
updateShoppingCarCounter(count);
$("#shopCartAjax").html(data);
}).fail(fail);
}
else if (actual > max) {
Notiflix.Notify.Warning("No se puede actualizar la cantidad del producto, el máximo de existencia es: " + max);
}
else {
Notiflix.Notify.Warning("El valor de la cantidad del producto debe ser mayor a 0 o igual a 1.");
}
evt.preventDefault()
});
function fail() {
showMessage("Error al agregar el producto al carro de compras")
}
function updateShoppingCarCounter(count){
if (count > 0) {
$(".co-count span").text(count);
$(".co-count span").fadeIn();
} else {
$(".co-count span").fadeOut(0);
}
}
function addToCar(evt) {
evt.preventDefault();
var link = $(this)[0];
if (link.href == undefined) {
link = $(this).children("a")[0];
}
$.get({
url: link.href,
params: {
withCredentials: true
}
}).done(function (data) {
updateShoppingCarCounter(data.Count);
//showMessage(data.Message)
mostrarMensaje(data.IdProduct, data.Message, data.TituloMensaje, data.CodeProduct);
}).fail(fail);
}
function addToCarForMessage(evt) {
evt.preventDefault();
var link = $(this)[0];
if (link.href == undefined) {
link = $(this).children("a")[0];
}
$.get({
url: link.href,
params: {
withCredentials: true
}
}).done(function (data) {
updateShoppingCarCounter(data.Count);
var msj = data.TituloMensaje + ' ' + data.Message;
showMessage(msj);
}).fail(fail);
}
$("form .buyNow").click(function () {
$(this).closest("form").find("input[name=Button]").attr("value", "buyNow");
//$(this).closest("form").submit();
});
function mostrarMensaje(id, mensaje, titulo, code) {
setTimeout(function () { $(".loading").fadeIn("fast"); }, 0);
$.get({
url: "/carrito/recommendedproducts",
data: { idProduct: id, mensaje: mensaje, tituloMensaje: titulo, codeProduct: code }
}).done(function get(data) {
$("#contenido").empty();
$("#contenido").append(data);
document.getElementById("sidebar").style.width = "410px";
$("#fondo").fadeIn();
document.getElementById("contenido").style.display = "block";
$("body").css("overflow-y", "hidden");
}).fail(fail);
}
function ocultarMensaje() {
document.getElementById("sidebar").style.width = "0";
$("#fondo").fadeOut();
document.getElementById("contenido").style.display = "none";
$("body").css("overflow-y", "scroll");
}
$("#fondo").click(function () {
$("#fondo").fadeOut();
document.getElementById("contenido").style.display = "none";
$("body").css("overflow-y", "scroll");
});
//Start Full-Slider
$('.Full-Slider').children(".FS-Slider").on('afterChange', SlickEvents);
$('.Full-Slider').children(".FS-Slider").on('init', SlickEvents);
$('.Full-Slider').children(".FS-Slider").slick({
dots: true,
infinite: true,
speed: 500,
arrows: false,
slidesToShow: 1,
adaptiveHeight: true,
autoplay: true,
autoplaySpeed: 2000,
});
function SlickEvents() {
//esto forza a redimencionar la barra de socialmedia a la medida del slider
var heightSlider = $(".FS-Slider").height();
var heightSocials = calculateHeightSocial($(".FS-SocialMedia").children("li").children("a").parent("li"));
$(".FS-SocialMedia").children("li").children(".line").css("height", (heightSlider - heightSocials) / 2)
function calculateHeightSocial(objects) {
var TotalHeight = 0;
for (var i = 0; i < objects.length; i++) {
TotalHeight = TotalHeight + objects[0].offsetHeight;
}
return TotalHeight;
}
}
$(window).resize(SlickEvents);
//end Full-Slider
// Start Slider-Images
$(".Slider-Images>div").children(".SI-Slider").slick({
dots: false,
infinite: true,
speed: 500,
arrows: true,
slidesToShow: 5,
adaptiveHeight: true,
responsive: [
{
breakpoint: 968,
settings: {
slidesToShow: 4
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1
}
}
]
})/*.on('setPosition', function (event, slick) {
//Si el slider de lo mas vendido tiene diferentes tamaños se puede activar este evento para redimencionar los slides al mismo tamaño
//slick.$slides.css('height', slick.$slider.height()+ 'px');
})*/;
// End Slider-Images
$(".Slider-Images>div").children(".SI-Slider").on('setPosition', function () {
$(".SI-Content").on("mouseenter", up);
$(".SI-Content").on("mouseleave", down);
// $(".SI-Content").off("click", "a.addToCar");
/// $(".SI-Content").on("click", "a.addToCar", addToCar);
});
//Start Slider lo mas vendido
$(".SI-Content").on("mouseenter", up);
$(".SI-Content").on("mouseleave", down);
$(".SI-Content").click(function (ev) {
if (!($(ev.target).is("a") || $(ev.target).closest("a").is("a"))) {
if ($(this).children(".SI-Face").children(".SI-ToHide").css("opacity") == "1")
$(this).trigger("mouseenter");
else
$(this).trigger("mouseleave");
}
});
function up() {
$(this).children(".SI-Face").children(".SI-ToHide").animate({
opacity: 0
}, 0);
$(this).children(".SI-ToShow").stop().animate({
opacity: 1
}, 200);
}
function down() {
$(this).children(".SI-Face").children(".SI-ToHide").animate({
opacity: 1
}, 0);
$(this).children(".SI-ToShow").stop().animate({
opacity: 0
}, 200);
}
//End Slider lo mas vendido
//Slider proceso de compra
//$(".pp-slider").slick({
// dots: true,
// infinite: true,
// speed: 500,
// arrows: true,
// slidesToShow: 1,
// autoplay: true,
// autoplaySpeed: 4000,
// fade: true,
// pauseOnHover: true,
// pauseOnFocus: true,
//});
$(document).ready(function () {
////
//Start opciones de paginacion
///start modo de visualizacion
$(".PR-Container .ViewMode i").on("click", function () {
var mode = $(this).data("viewmode");
$(".PR-Container .ViewMode i").removeClass("active");
$(this).addClass("active");
$(".PR-Product").removeClass("PR-grid").removeClass("PR-list").addClass("PR-" + mode);
updateQueryStringParam("ViewMode", mode)
})
///end modo visualizacion
///Start orden
$(".PR-Container .order").children("ul").children("li:first-child").on("click", function () {
var element = $(this).parent("ul");
openCollapse(element, element.children("li").height(), 100);
});
$(".PR-Container .order").children("ul").children("li:nth-child(n+2)").on("click", function () {
var order = $(".PR-Container .order li.select");
closeCollapse($(this).parent("ul"), 0, 0);
order.data("order", $(this).data("order"));
order.children("span").text($(this).text());
$(".PR-Pager").data("page", 1);
changePage();
});
///End orden
///Start numero de resultados
$(".PR-Container .numResults").children("ul").children("li:first-child").on("click", function () {
var element = $(this).parent("ul");
openCollapse(element, element.children("li").height(), 100);
});
$(".PR-Container .numResults").children("ul").children("li:nth-child(n+2)").on("click", function () {
var numResult = $(".PR-Container .numResults li.select");
closeCollapse($(this).parent("ul"), 0, 0);
numResult.data("perpage", $(this).data("perpage"));
numResult.children("span").text($(this).text());
$(".PR-Pager").data("page", 1);
changePage();
})
///End numero de resultados
//Nuevo filtro con checks
$('#selectModels, #selectModelsMob').on('select2:select', function (e) {
// Se dispara cuando se selecciona UNA opción.
const dato = e.params.data;
changePage();
});
$('#selectModels, #selectModelsMob').on('select2:unselect', function (e) {
// Se dispara cuando se elimina UNA opción.
const dato = e.params.data;
const models = $('#selectModels').val();
if (models.length == 0) {
deleteParamURL('Model');
}
changePage();
});
$('#selectModels, #selectModelsMob').on('select2:clearing', function () {
// Se dispara cuando se eliminan TODAS las opciones.
deleteParamURL('Model');
changePage();
});
$(".PR-Container .PR-Aside").children("div").children("label").children("input").on("click", function () {
var key = Object.keys($(this).data())[0];
var data = $(this).data(key);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-category]").prop('checked', false);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-distributor]").prop('checked', false);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-promocion]").prop('checked', false);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-destacar]").prop('checked', false);
if (key == "promocion") {
if (this.checked) {
const checkboxes = document.getElementsByName("checkPromo");
for (var checkbox of checkboxes) {
if (this != checkbox) {
checkbox.checked = false;
}
}
}
}
else {
var checkboxes = null;
if (key == "category") {
checkboxes = document.getElementsByName("checkCategory");
ValidarChecks(checkboxes, this);
}
else if (key == "distributor") {
checkboxes = document.getElementsByName("checkBrand");
ValidarChecks(checkboxes, this);
}
}
var ids = "";
$(".PR-Pager").data("page", 1);
var actives = $(".PR-Container .PR-Aside").children("div").children("label").children("input[data-" + key + "]:checked");
for (var i = 0; i < actives.length; i++) {
if (i != 0) {
ids = ids + ",";
}
ids = ids + $(actives[i]).data(key);
}
const txtCont = "Varios productos";
var isDes = $(".PR-Container .PR-Aside").children("div").children("label").children("input[data-destacar]:checked").length == 1 ? true : false;
if (key == "category") {
if (actives.length >= 2) {
const h1Element = document.getElementById('h1-toner');
if (h1Element) {
if (!isDes) {
h1Element.textContent = txtCont;
}
}
}
}
else if (key == "destacar") {
const h1Element = document.getElementById('h1-toner');
if (h1Element) {
if (isDes) {
h1Element.textContent = "Productos destacados";
}
else {
h1Element.textContent = txtCont;
}
}
}
const valores = $('#selectModels').val();
var idModels = "";
if (valores.length > 0) {
valores.forEach(function (valor) {
idModels += valor + ","
});
updateQueryStringParam("Model", idModels.slice(0, -1));
} else {
var urlPage = new URL(window.location.href), getModel = urlPage.searchParams.get('Model');
if (getModel != null) {
delete Params["Model"];
updateQueryStringParam("Model", "-1");
}
}
updateQueryStringParam(key[0].toUpperCase() + key.slice(1), ids)
changePage();
})
//Fin de nuevo filtro
//Apertura del panel de filtros en mobile
$(".btn-abrir-filtros").on("click", function () {
const panelFiltros = document.getElementById('panel-filtros-mobile');
panelFiltros.classList.add('visible');
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-category]").prop('checked', false);
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-distributor]").prop('checked', false);
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-promocion]").prop('checked', false);
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-destacar]").prop('checked', false);
})
$(".btn-cerrar-filtros").on("click", function () {
const panelFiltros = document.getElementById('panel-filtros-mobile');
panelFiltros.classList.remove('visible');
})
//Filtros en panel
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input").on("click", function () {
var key = Object.keys($(this).data())[0];
var data = $(this).data(key);
if (key == "promocion") {
if (this.checked) {
const checkboxes = document.getElementsByName("checkPromoMob");
for (var checkbox of checkboxes) {
if (this != checkbox) {
checkbox.checked = false;
}
}
}
}
else {
var checkboxes = null;
if (key == "category") {
checkboxes = document.getElementsByName("checkCategoryMob");
ValidarChecks(checkboxes, this);
}
else if (key == "distributor") {
checkboxes = document.getElementsByName("checkBrandMob");
ValidarChecks(checkboxes, this);
}
}
var ids = "";
$(".PR-Pager").data("page", 1);
var actives = $("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-" + key + "]:checked");
for (var i = 0; i < actives.length; i++) {
if (i != 0) {
ids = ids + ",";
}
ids = ids + $(actives[i]).data(key);
}
const txtCont = "Varios productos";
var isDes = $("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-destacar]:checked").length == 1 ? true : false;
if (key == "category") {
if (actives.length >= 2) {
const h1Element = document.getElementById('h1-toner');
if (h1Element) {
if (!isDes) {
h1Element.textContent = txtCont;
}
}
}
}
else if (key == "destacar") {
const h1Element = document.getElementById('h1-toner');
if (h1Element) {
if (isDes) {
h1Element.textContent = "Productos destacados";
}
else {
h1Element.textContent = txtCont;
}
}
}
const valores = $('#selectModelsMob').val();
var idModels = "";
if (valores.length > 0) {
valores.forEach(function (valor) {
idModels += valor + ","
});
updateQueryStringParam("Model", idModels.slice(0, -1));
} else {
var urlPage = new URL(window.location.href), getModel = urlPage.searchParams.get('Model');
if (getModel != null) {
delete Params["Model"];
updateQueryStringParam("Model", "-1");
}
}
updateQueryStringParam(key[0].toUpperCase() + key.slice(1), ids)
changePage();
});
//Fin del panel de filtros en mobile
//Validar checks
function ValidarChecks(checkboxes, elemento) {
if (checkboxes != null) {
if (elemento != checkboxes[0]) {
var key2 = Object.keys($(checkboxes[0]).data())[0];
var data2 = $(checkboxes[0]).data(key2);
if (data2 == "-1") {
checkboxes[0].checked = false;
}
}
else {
for (var checkbox of checkboxes) {
if (elemento != checkbox) {
checkbox.checked = false;
}
}
}
}
}
//Fin
///Start filtro por categorias y marca
$(".PR-Container .PR-Aside").children("section").children("p").on("click", function () {
if ($(this).children(".noDisplay").css("display") === "block") {
var element = $(this).parent("section").children("ul");
openCollapse(element, 0, 200);
}
})
$(".PR-Container .PR-Aside").children("section").children("ul").children("li").on("click", function () {
updateQueryStringParam("SearchParam", "")
var key = Object.keys($(this).data())[0];
var data = $(this).data(key);
if (key == "destacar") {
var className = $(".PR-Container .PR-Aside li[data-destacar]").attr('class');
if (className == 'active') {
$(".PR-Container .PR-Aside li[data-destacar]").removeClass("active");
}
else {
$(".PR-Container .PR-Aside p[data-" + key + "]").parent("section").children("ul").children("li").removeClass("active") //elimina la clase active en el caso de categorías y marcas que tiene por default marcado el "TODAS"
$(this).toggleClass("active"); //Agrega la clase active al
presionado
DesactivaFiltros(true,true,false,true);
}
}
else if (key == "promocion") {
var classNameP = $(".PR-Container .PR-Aside li[data-promocion]").attr('class');
if (classNameP == 'active') {
$(".PR-Container .PR-Aside li[data-promocion]").removeClass("active");
$(".PR-Container .PR-Aside li[data-promocion=" + data + "]").addClass("active");
}
else {
$(".PR-Container .PR-Aside p[data-" + key + "]").parent("section").children("ul").children("li").removeClass("active")
$(this).toggleClass("active");
DesactivaFiltros(true, true, true, false);
}
}
else {
$(".PR-Container .PR-Aside p[data-" + key + "]").parent("section").children("ul").children("li").removeClass("active")
$(this).toggleClass("active");
DesactivaFiltros(false,false,true,true);
}
//Solo selecciona una categoria y marca
//if (data < 1 || key == "distributor") {
//$(".PR-Container .PR-Aside p[data-" + key + "]").parent("section").children("ul").children("li").removeClass("active")
//} else {
// $(".PR-Container .PR-Aside p[data-" + key + "]").parent("section").children("ul").children("li:first-child").removeClass("active")
//}
//$(this).toggleClass("active");
var actives = $(".PR-Container .PR-Aside p[data-" + key + "]").parent("section").children("ul").children("li.active");
var ids = "";
$(".PR-Pager").data("page", 1);
if (key == "distributor") {
delete Params["Model"];
updateQueryStringParam("Model", "-1");
}
for (var i = 0; i < actives.length; i++) {
if (i != 0) {
ids = ids + ",";
}
ids = ids + $(actives[i]).data(key);
}
updateQueryStringParam(key[0].toUpperCase() + key.slice(1), ids)
$(this).parent("ul").parent("section").children("p").data(key, ids);
changePage();
})
///End filtro por categoria y marca
///Start paginacion
$(".PR-Pager ul").on("click", "li", function () {
//var prevPage = $(".PR-Pager ul").children(":nth-child(2)");
//var nextPage = $(".PR-Pager ul").children(":nth-last-child(2)");
//var firstPage = $(".PR-Pager ul").children(":nth-child(1)");
//var lastPage = $(".PR-Pager ul").children(":nth-last-child(1)");
var selectPage = $(this).data("page");
$(".PR-Pager").data("page", selectPage);
//$(".PR-Pager li").removeClass("active");
//if (prevPage[0] != $(this)[0] && nextPage[0] != $(this)[0] && lastPage[0] != $(this)[0] && firstPage[0] != $(this)[0]) {
// $(this).addClass("active");
//} else {
// for (var i = 2; i < $(".PR-Pager li").length - 2; i++) {
// if (selectPage === $(".PR-Pager li:nth-child(" + (i + 1) + ")").data("page")) {
// $(".PR-Pager li:nth-child(" + (i + 1) + ")").addClass("active");
// }
// }
//}
//prevPage.data("page", ((selectPage == firstPage.data("page")) ? firstPage.data("page") : selectPage - 1));
//nextPage.data("page", ((selectPage == lastPage.data("page")) ? lastPage.data("page") : selectPage + 1));
changePage();
});
///End paginacion
//end opciones de paginacion
////
//var stringParams = ["Page", "Order", "PerPage", "ViewMode", "Category", "Distributor", "SearchParam", "Filter"];
var Params = {
SearchParam: getUrlParameter("SearchParam"),
Page: getUrlParameter("Page"),
PerPage: getUrlParameter("PerPage"),
Order: getUrlParameter("Order"),
ViewMode: getUrlParameter("ViewMode"),
Category: getUrlParameter("Category"),
Distributor: getUrlParameter("Distributor"),
Model: getUrlParameter("Model"),
Destacar: getUrlParameter("Destacar"),
Promocion: getUrlParameter("Promocion")
};
Params = clearParams(Params);
var paramCount = Object.keys(Params).length;
var load = $(".firstLoad");
if (paramCount == 0) {
load.remove();
}
$.each(Params, function (key, value) {
paramCount--;
switch (key) {
case "Page":
$(".PR-Pager").data("page", value)
break;
case "Order":
var order = $(".PR-Container .order ul");
order.children(".select").data("order", value);
order.children(".select").children("span").text(order.children("li[data-order=" + value + "]").text());
break;
case "PerPage":
var perPage = $(".PR-Container .numResults ul");
perPage.children("li.select").data("perpage", value);
perPage.children(".select").children("span").text(value);
break;
case "ViewMode":
$(".PR-Container .ViewMode i[data-viewmode=" + value + "]").trigger("click")
break;
case "SearchParam":
break;
case "Category":
const elementoCat = document.getElementById('panel-filtros-mobile');
const estilosCat = window.getComputedStyle(elementoCat);
if (estilosCat.display === 'none') {
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-category]").prop('checked', false);
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-category]").prop('checked', false);
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-category=" + value + "]").prop('checked', true);
}
else {
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-category]").prop('checked', false);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-category]").prop('checked', false);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-category=" + value + "]").prop('checked', true);
}
break;
case "Distributor":
const elementoDis = document.getElementById('panel-filtros-mobile');
const estilosDis = window.getComputedStyle(elementoDis);
if (estilosDis.display === 'none') {
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-distributor]").prop('checked', false);
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-distributor]").prop('checked', false);
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-distributor=" + value + "]").prop('checked', true);
}
else {
$(".PR-Container .PR-Aside").children("div").children("label").children("input[data-distributor]").prop('checked', false);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-distributor]").prop('checked', false);
$("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-distributor=" + value + "]").prop('checked', true);
}
break;
case "Destacar":
$(".PR-Container .PR-Aside input[data-destacar], #panel-filtros-mobile input[data-destacar]").each(function (index) {
if (index !== 0) {
$(this).prop("checked", true);
}
});
break;
case "Promocion":
$(".PR-Container .PR-Aside input[data-promocion=" + value + "], #panel-filtros-mobile input[data-promocion=" + value + "]").each(function (index) {
if (index !== 0) {
$(this).prop("checked", true);
}
});
break;
}
if (paramCount < 1) {
if (load.length > 0) {
load.remove();
} else {
changePage();
}
}
})
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
return false;
}
function updateQueryStringParam(key, value) {
var baseUrl = [location.protocol, '//', location.host, location.pathname].join(''),
urlQueryString = document.location.search,
newParam = key + '=' + value,
params = '?' + newParam;
// If the "search" string exists, then build params from it
if (urlQueryString) {
var updateRegex = new RegExp('([\?&])' + key + '[^&]*');
var removeRegex = new RegExp('([\?&])' + key + '=[^&;]+[&;]?');
if (typeof value == 'undefined' || value == null || value == '') { // Remove param if value is empty
params = urlQueryString.replace(removeRegex, "$1");
params = params.replace(/[&;]$/, "");
} else if (urlQueryString.match(updateRegex) !== null) { // If param exists already, update it
params = urlQueryString.replace(updateRegex, "$1" + newParam);
} else { // Otherwise, add it to end of query string
params = urlQueryString + '&' + newParam;
}
}
// no parameter was set so we don't need the question mark
params = params == '?' ? '' : params;
//window.history.pushState({}, "", baseUrl + params);
window.history.replaceState({}, "", baseUrl + params);
}
function changePage() {
Params.Page = (isNaN($(".PR-Pager").data("page"))) ? 0 : ($(".PR-Pager").data("page"));
Params.Order = $(".PR-Container .order li.select").data("order");
Params.PerPage = $(".PR-Container .numResults li.select").data("perpage");
Params.ViewMode = $(".PR-Container .ViewMode i.active").data("viewmode");
if (getUrlParameter("SearchParam")) {
Params.SearchParam = getUrlParameter("SearchParam");
Params.Category = false
Params.Distributor = false
Params.Destacar = false
Params.Promocion = false
} else {
var mob = window.getComputedStyle(document.querySelector('.btn-abrir-filtros')),
idsCategory = "", idsDistributor = "", activesCategory = null;
if (mob.display == 'none')
activesCategory = $(".PR-Container .PR-Aside input[data-category]:checked");
else
activesCategory = $("#panel-filtros-mobile input[data-category]:checked");
if (activesCategory != null) {
for (var i = 0; i < activesCategory.length; i++) {
if (i != 0) {
idsCategory = idsCategory + ",";
}
idsCategory = idsCategory + $(activesCategory[i]).data("category");
}
}
var activesDistri = $(".PR-Container .PR-Aside input[data-distributor]:checked, #panel-filtros-mobile input[data-distributor]:checked");
if (activesDistri != null) {
for (var i = 0; i < activesDistri.length; i++) {
if (i != 0) {
idsDistributor = idsDistributor + ",";
}
idsDistributor = idsDistributor + $(activesDistri[i]).data("distributor");
}
}
var desktopDestacar = $(".PR-Container .PR-Aside").children("div").children("label").children("input[data-destacar]:checked").data("destacar");
var mobileDestacar = $("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-destacar]:checked").data("destacar");
var idDestacar = desktopDestacar === undefined ? mobileDestacar : desktopDestacar;
var desktopPromo = $(".PR-Container .PR-Aside").children("div").children("label").children("input[data-promocion]:checked").data("promocion");
var mobilePromo = $("#panel-filtros-mobile").children("div.grupo-filtro").children("label").children("input[data-promocion]:checked").data("promocion");
var idPromo = desktopPromo === undefined ? mobilePromo : desktopPromo;
var models = $('#selectModels').val();
if (models.length == 0)
models = $('#selectModelsMob').val();
var idModels = "";
if (models.length > 0) {
models.forEach(function (valor) {
idModels += valor + ","
});
idModels = idModels.slice(0, -1);
} else {
var urlPage = new URL(window.location.href), getModel = urlPage.searchParams.get('Model');
if (getModel != null) {
idModels = getModel;
}
}
Params.Category = idsCategory;//$(".PR-Container .PR-Aside p[data-category]").data("category");
Params.Distributor = idsDistributor;//$(".PR-Container .PR-Aside p[data-distributor]").data("distributor");
Params.Destacar = idDestacar; //$(".PR-Container .PR-Aside p[data-destacar]").data("destacar");
Params.Promocion = idPromo;//$(".PR-Container .PR-Aside p[data-promocion]").data("promocion");
Params.SearchParam = false;
Params.Model = idModels;
}
Params = clearParams(Params);
$.ajax({
type: "POST",
url: "/busqueda?" + $.param(Params, true),
// data: { Page: Params.page - 1, Order: Params.order, PerPage: Params.perPage, ViewMode: Params.viewMode, Category: Params.category, Distributor: Params.distributor },
// dataType: "json"
}).done(success).fail(fail);
function success(data) {
var products = data.products;
var pages = data.items;
var count = data.count;
if (count > 0) {
$(".PR-Container .PR-Content").children("div").remove();
$(".PR-Container .PR-Content").append(products);
$.each(Params, function (key, value) {
updateQueryStringParam(key, value);
})
updatePager(parseInt(Params.Page), parseInt(Params.PerPage), pages)
window.scrollTo(0, 0);
} else {
$(".PR-Container .PR-Content").children("div").remove();
$(".PR-Container .PR-Content").html('
No se encontraron coincidencias con los filtros seleccionados. Puedes probar marcando nuevos filtros para buscar mejorar la búsqueda.
');
}
}
function fail(data) {
}
function updatePager(actualPage, itemsPerPage, numItems) {
var maxPage = 9;
var numPages = Math.ceil(numItems / itemsPerPage);
if (numPages < maxPage) {
maxPage = numPages;
}
var pager = $(".PR-Pager ul");
pager.children().remove();
if (numPages < 2) {
return;
}
pager.append('
')
if (actualPage > 1)
pager.append('
')
else
pager.append('
')
var PageNumber = 1;
var MiddlePage = Math.floor(maxPage / 2);
if (actualPage > MiddlePage) {
PageNumber = actualPage - MiddlePage;
if ((numPages - maxPage) < PageNumber) {
PageNumber = numPages - maxPage + 1;
}
}
for (var page = 0; page < maxPage; page++) {
var li = document.createElement("li");
li.setAttribute("data-page", PageNumber)
li.innerText = PageNumber;
if (actualPage === PageNumber) {
li.setAttribute("class", "active")
}
pager.append(li);
PageNumber++;
}
if (actualPage < numPages)
pager.append('
')
else
pager.append('
')
pager.append('
')
pager.children("li").css("marginLeft", 0)
}
}
function clearParams(params) {
var paramsReturn = {}
$.each(params, function (key, value) {
if (value) {
paramsReturn[key] = value;
}
})
return paramsReturn
}
function DesactivaFiltros(category, distributor, destacar, promotions) {
if (category) {
$(".PR-Container .PR-Aside p[data-category]").parent("section").children("ul").children("li").removeClass("active") //elimina el active del
que esté activo de las categorías
var categoryFilter = $(".PR-Container .PR-Aside p[data-category]").parent() //Obtiene las propiedades de la etiqueta
de categorías
categoryFilter.children("ul").children("li[data-category='-1']").toggleClass("active") //Activa la etiqueta
"TODAS" de categorías
$(".PR-Container .PR-Aside p[data-category]").data("category", "-1"); //Establece el valor -1 al parámetro de categorías por si el valor era diferente
updateQueryStringParam("Category", "-1") //Actualiza el valor visualizado del parámetro Category de la url
}
if (distributor) {
$(".PR-Container .PR-Aside p[data-distributor]").parent("section").children("ul").children("li").removeClass("active") //elimina el active del
que esté activo de las marcas
var distributorFilter = $(".PR-Container .PR-Aside p[data-distributor]").parent() //Obtiene las propiedades de la etiqueta
de las marcas
distributorFilter.children("ul").children("li[data-distributor='-1']").toggleClass("active") //Activa la etiqueta
"TODAS" de las marcas
$(".PR-Container .PR-Aside p[data-distributor]").data("distributor", "-1"); //Establece el valor -1 al parámetro de marcas por si el valor era diferente
}
if (destacar) {
$(".PR-Container .PR-Aside p[data-destacar]").parent("section").children("ul").children("li").removeClass("active")//Elimina el active del
activo de productos destacados
$(".PR-Container .PR-Aside p[data-destacar]").data("destacar", ""); //Establece un valor vacío de destacados para que no lo tome en cuenta al realizar la búsqueda de los productos
updateQueryStringParam("destacar", "");
delete Params["Model"];
updateQueryStringParam("Model", "-1");
}
if (promotions) {
$(".PR-Container .PR-Aside p[data-promocion]").parent("section").children("ul").children("li").removeClass("active")//Elimina el active del
activo en alguna promoción seleccionada
$(".PR-Container .PR-Aside p[data-promocion]").data("promocion", ""); //Establece un valor vacío de promoción para que no lo tome en cuenta al realizar la búsqueda de los productos
updateQueryStringParam("promocion", "");
delete Params["Model"];
updateQueryStringParam("Model", "-1");
}
}
function deleteParamURL(param) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.delete(param);
const newSearch = urlParams.toString();
const newURL = window.location.pathname + (newSearch ? '?' + newSearch : '');
// Actualizar la URL sin recargar la página
window.history.pushState({}, '', newURL);
}
function validaParamURL(r, p) {
const url = new URL(window.location.href); // Crea un objeto URL con la ubicación de la página
const parametro = url.searchParams.get(p); // Busca si existe el parámetro
if (r) {
if (parametro != null) {
return parametro;
}
else {
return null;
}
} else {
if (parametro != null) {
return true;
} else {
return false;
}
}
}
$(function () {
const promocion = validaParamURL(true, 'Promocion');
const model = validaParamURL(true, 'Model');
if (validaParamURL(false, 'Destacar')) {
// Si se encontró, entonces ejecuta lo siguiente (Para marcar la opción de Productos destacados en el paginado)
const checkD = $(".PR-Container .PR-Aside").children("div").children("label").children("input[data-destacar]");
if (checkD.length > 0) {
checkD[0].checked = true;
}
}
if (promocion != null) {
const checkP = $(".PR-Container .PR-Aside").children("div").children("label").children("input[data-promocion=" + promocion + "]");
if (checkP.length > 0) {
checkP[0].checked = true;
}
}
if (model != null) {
const mob = window.getComputedStyle(document.querySelector('.btn-abrir-filtros'));
if (mob.display == 'none') {
setTimeout(function () {
$('#selectModels').val(model).trigger('change');
}, 1600);
}
else {
setTimeout(function () {
$('#selectModelsMob').val(model).trigger('change');
}, 1600);
}
}
});
})
//Start vista Producto
$(".PT-Slider").slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
asNavFor: '.PT-SubSlider'
});
$(".PT-SubSlider").slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.PT-Slider',
arrows: true,
focusOnSelect: true
});
$("body").on("click", ".a-info-product", function () {
$("#winModalProductInfo").modal("show")
$("#contentProductInfo").html($(this).siblings(".product-info").html());
});
//End vista Producto
$(document).on("click", ".seeProductDetail", function (ev) {
ev.preventDefault();
let productID = ev.currentTarget.dataset.idproduct;
let obj = {
idProduct: productID
}
$.ajax({
type: "GET",
url: "/productDetail",
data: obj,
dataType: "html",
cache: false
}).done(function get(data) {
var m = $(data);
m.modal();
m.on($.modal.AFTER_CLOSE, function (event, modal) {
m.remove();
});
m.ready(function () {
$(".PT-Slider").slick({
autoplay: true,
autoplaySpeed: 2000,
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.PT-SubSlider'
});
$(".PT-SubSlider").slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.PT-Slider',
arrows: true,
focusOnSelect: true
});
});
}).fail(function fail() {
Notiflix.Notify.Warning("Sucedio un error, intente de nuevo más tarde.")
});
});
$("#contactForm").validate({
submitHandler: function (form) {
AjaxPost("/contacto", $(form).serialize(), function (data) {
if (data.status) {
Swal.fire('Mensaje enviado', 'Pronto nos pondremos en contacto.', 'success');
$("#contactForm").find("button").prop("disabled", true);
} else {
Swal.fire('Error', data.message, 'warning');
}
});
return false;
},
rules: {
name: "required",
mail: {
email: true,
required: true
},
tel: "required"
},
messages: {
name: "Campo requerido.",
mail: {
email: "Formato de correo electronico incorrecto.",
required: "Campo requerido."
},
tel: "Campo requerido."
}
});
$(".ctc-options").on("click", "li", function (e) {
e.preventDefault();
$(".ctc-options li").removeClass("active");
$(this).addClass("active");
var tab = $(this).children("a").data("tab");
$(".ctc-panel").hide();
$("." + tab).show();
});
$(".ctc-options li:first-child").click();
$(document).ready(function () {
$(".sn-thumbnail .img").on("click", "a", function (evt) {
evt.stopPropagation();
evt.preventDefault();
dropSlick();
$(".sn-full").slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
asNavFor: '.sn-thumb'
});
$(".sn-thumb").slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.sn-full',
arrows: true,
focusOnSelect: true
});
var images = $(this).data("images");
for (var i = 0; i < images.length; i++) {
$('.sn-full').slick('slickAdd', '
');
if (images.length > 1) {
$('.sn-thumb').slick('slickAdd', '
');
}
}
resizeSerialSlide(images.length)
$(".sn-gallery").fadeIn();
});
$(".sn-modal").on("click", ".close", function () {
$(".sn-gallery").fadeOut(300, dropSlick)
});
$("#sn-filterserials").on("change", "select", function () {
var value = $(this).val()
if ($(this).attr("id") === "mostrar") {
var items = $(".sn-price")
$.each(items, function (k, v) {
if (value != "Todos") {
if ($(v).data("status") == value) {
$(v).parents(".row").fadeIn();
} else {
$(v).parents(".row").fadeOut();
}
} else {
$(v).parents(".row").fadeIn();
}
});
} else {
$.get(window.location.href + "/series", $("#sn-filterserials").serialize(), function (data) {
$("#sn-serials-results").children().remove();
$("#sn-serials-results").append(data);
$("#sn-filterserials #mostrar").val("Todos");
})
}
})
$("#sn-filterserials").on("submit", function (evt) {
evt.preventDefault();
})
function dropSlick() {
if ($(".sn-full").hasClass("slick-initialized")) {
$(".sn-full").slick("unslick")
$(".sn-thumb").slick("unslick")
}
}
function resizeSerialSlide(count) {
var maxh = $(window).height() - 170;
if (count > 1) {
var thumbnailh = Math.ceil(maxh / 5)
var slideh = thumbnailh * 4;
$(".sn-full img").height(slideh)
$(".sn-thumb img").height(thumbnailh)
} else {
$(".sn-full img").height(maxh + 20)
}
}
})
function IniciarPagoConekta(publicKey) {
const isOXXO = $("[name=paymentmethod]:checked").parent().parent().hasClass("oxxo");
if (!isOXXO) {
if (Conekta.getPublicKey() == null) {
Conekta.setPublicKey(publicKey);
}
//Validacion de fecha mau
var mes = $("#card_exp_month :selected").text();
var anio = $("#card_exp_year :selected").text();
var fechaSeleccionadaTexto = anio + "-" + mes;
var fechaSeleccionada = new Date(fechaSeleccionadaTexto);
var fechaActual = new Date();
var nombrePersona = $("#creditCardForm input[name=card_name]").val();
if (fechaSeleccionada < fechaActual) {
Swal.fire({
title: 'Fecha de vencimiento pasada', text: 'Por favor, introduzca una fecha de vencimiento de tarjeta válida.', type: 'warning', onClose: function () {
setTimeout(function () {
$("#card_exp_month input[name=card_exp_month]").focus();
}, 500);
}
});
return false;
}
else if (nombrePersona.trim() == "") {
Swal.fire({
title: 'Nombre de tarjetahabiente inválido', text: 'Por favor, escribe el nombre del tarjetahabiente.', type: 'warning', onClose: function () {
setTimeout(function () {
$("#creditCardForm input[name=card_name]").focus();
}, 500);
}
});
return false;
}
else if (!Conekta.card.validateNumber($("#creditCardForm input[name=card_number]").val())) {
Swal.fire({
title: 'Número de tarjeta inválida', text: 'Por favor, escribe un número de tarjeta válido.', type: 'warning', onClose: function () {
setTimeout(function () {
$("#creditCardForm input[name=card_number]").focus();
}, 500);
}
});
return false;
}
else if (!Conekta.card.validateCVC($("#creditCardForm input[name=card_cvv]").val().trim())) {
Swal.fire({
title: 'Código de seguridad inválido', text: 'Por favor, escribe un código de seguridad válido.', type: 'warning', onClose: function () {
setTimeout(function () { $("#creditCardForm input[name=card_cvv]").focus(); }, 500);
}
});
return false;
}
let tokenParams = {
"card": {
"name": $("#creditCardForm input[name=card_name]").val(),
"number": $("#creditCardForm input[name=card_number]").val(),
"exp_month": $("#creditCardForm select[name=card_exp_month]").val(),
"exp_year": $("#creditCardForm select[name=card_exp_year]").val(),
"cvc": $("#creditCardForm input[name=card_cvv]").val().trim()
}
};
Conekta.Token.create(tokenParams, successResponseHandler, errorResponseHandler);
}
else {
var params = ObtenerDatosCheckout();
AjaxPostObj("/conekta", params, function (result) {
if (result.Status) {
window.location.href = `/conekta/info?status=true&reference=${result.Message}&oxxoInfo=${result.Data}&isOXXO=true`;
setTimeout(function () {
$(".btn.co-pay, .btn.co-back").attr("disabled", "");
$(".loading").fadeIn("fast");
}, 0);
return false;
}
else {
debugger;
}
});
}
}
var errorResponseHandler = function (error) {
Swal.fire({
title: 'Ocurrió un error', text: error.message_to_purchaser, type: 'error'
});
$(".btn.co-pay, .btn.co-back").removeAttr("disabled");
};
$(document).ready(function () {
$(".moreComments").on("click", ".seeMoreComments", function (ev) {
ev.preventDefault();
let product = ev.currentTarget.dataset.idprod;
let starrow = 0;
let maxrow = 5;
let obj = {
idProduct: product,
startRowIndex: starrow,
maximumRows: maxrow
}
$.ajax({
type: "GET",
url: "/searchOpinions",
data: obj,
dataType: "html",
cache: false
}).done(function get(data) {
var m = $(data);
m.modal();
m.on($.modal.AFTER_CLOSE, function (event, modal) {
m.remove();
});
m.on("click", ".PR-Pager-Opinions ul li", function (e) {
var selectPage = $(this).data("page");
$(".PR-Pager-Opinions").data("page", selectPage);
changePageOpinions();
})
function clearParams(params) {
var paramsReturn = {}
$.each(params, function (key, value) {
if (value) {
paramsReturn[key] = value;
}
})
return paramsReturn
}
obj = clearParams(obj);
function changePageOpinions() {
obj.idProduct = (isNaN($(".PR-Pager-Opinions").data("idprod"))) ? 0 : ($(".PR-Pager-Opinions").data("idprod"));
obj.startRowIndex = (isNaN($(".PR-Pager-Opinions").data("page"))) ? 0 : ($(".PR-Pager-Opinions").data("page"));
obj.maximumRows = "5";
obj = clearParams(obj);
$.ajax({
type: "POST",
url: "/searchOpinionsPaginador",
data: obj
}).done(success).fail(fail);
function success(data) {
var html = data.html;
var totalItems = data.totalRows;
var count = data.count;
if (count > 0) {
$(".Opinions").children("div").remove();
$(".Opinions").append(html);
updatePagerOpinions(parseInt(obj.startRowIndex), parseInt(obj.maximumRows), totalItems);
} else {
$(".Opinions").children("div").remove();
updatePagerOpinions(parseInt(obj.startRowIndex), parseInt(obj.maximumRows), totalItems);
}
}
function fail(data) {
}
function updatePagerOpinions(actualPage, itemsPerPage, numItems) {
var maxPage = 9;
var numPages = Math.ceil(numItems / itemsPerPage);
if (numPages < maxPage) {
maxPage = numPages;
}
var pager = $(".PR-Pager-Opinions ul");
pager.children().remove();
if (numPages < 2) {
return;
}
pager.append('
')
if (actualPage > 1)
pager.append('
')
else
pager.append('
')
var PageNumber = 1;
var MiddlePage = Math.floor(maxPage / 2);
if (actualPage > MiddlePage) {
PageNumber = actualPage - MiddlePage;
if ((numPages - maxPage) < PageNumber) {
PageNumber = numPages - maxPage + 1;
}
}
for (var page = 0; page < maxPage; page++) {
var li = document.createElement("li");
li.setAttribute("data-page", PageNumber)
li.innerText = PageNumber;
if (actualPage === PageNumber) {
li.setAttribute("class", "active")
}
pager.append(li);
PageNumber++;
}
if (actualPage < numPages) {
pager.append('
')
pager.append('
')
}
pager.children("li").css("marginLeft", 0)
}
}
}).fail(function fail() {
Notiflix.Notify.Warning("Sucedio un error, intente de nuevo más tarde.")
});
});
})
