Tu Carrito

Aquí puedes ver los productos que has agregado al carrito.

Verox Jeans 8618
Ref# 8618
$74.90
Color
AZUL
Tallas
 8   10   12   14   16 

Pantalón Cargo 8618

En Verox creamos los pantalones cargo perfectos para que luzcas hermosa. Con nuestros pantalones cargo podrás realzar tu figura al mismo tiempo que te sientes cómoda.
Jean rígido color azul, tiro alto, 1 botón.
Beneficios: Estiliza tu figura, push up, pretina anatómica para una apariencia más juvenil.
Composición de la Tela: 100% algodón.


{ element.classList.remove('btn-dark'); element.classList.add('btn-outline-dark'); }); obj.classList.remove('btn-outline-dark'); obj.classList.add('btn-dark'); talla = obj.dataset.talla; let qty = 0; let user_type = "detal"; Object.keys(inventario).forEach(element => { if(inventario[element].talla == talla && inventario[element].color.nombre == color){ qty = inventario[element]['cantidad_'+user_type]; hex = inventario[element].color.hex; } }); disponibles = qty; document.getElementById("add_carrito_btn").disabled = true; if(color!="" && talla!="" && qty > 0){ document.getElementById("add_carrito_btn").disabled = false; } document.getElementById("disponibles").style.color = qty == 0 ? 'red' : "green"; document.getElementById("disponibles").innerHTML = "Cantidad disponible: "+qty.toString(); } function select_color(obj){ let images = JSON.parse(document.getElementById("carrousel").dataset.slides); var elements = document.getElementsByClassName('color'); var slides = document.getElementsByClassName('carousel-item'); [...elements].forEach(element => { element.style.border = "1px solid #ddd"; }); color = obj.dataset.color; let target_image = images.filter(image=>image.color==color)[0]; if(target_image){ [...slides].forEach(element => { element.classList.remove("active") }); let target_image_index = images.indexOf(target_image); document.getElementById("slide-"+target_image_index).classList.add("active"); } talla = ""; obj.style.border = "3px solid gray"; var elements = document.getElementsByClassName('talla'); [...elements].forEach(element => { element.classList.remove('btn-dark'); element.classList.add('btn-outline-dark'); }); document.getElementById("add_carrito_btn").disabled = true; document.getElementById("disponibles").innerHTML = ""; } function add_carrito(envioSet, tipo) { let categoria = "JEANS"; let user_type = "detal"; let precio = "74.9"; // Lógica de precios para PROMO y user_type "detal" if (categoria === "PROMO" && user_type === "detal") { let precioDetal = "74.9"; let precioMayorista = "35.9"; precio = precioMayorista; // Aplica el precio mayorista si está en PROMO y el user_type es detal } if (tipo == 1) { let exists = carrito.filter(item => item.product_id == "2794" && item.talla == talla && item.color == color); if (exists.length > 0) { alert("Ya tienes este producto en tu carrito"); return } carrito.push({ "product_id": "2794", "product_ref": "8618", "nombre": "Verox Jeans 8618", "talla": talla, "color": color, "marca": "VEROX", "hex": hex, "disponibles": disponibles, "imagen": "https://admin.veroxcloset.com/uploads/images/productos/698b8b9858c93936404423.webp", "categoria": "JEANS", "precio": precio, "cantidad": 1, "complementos": complementos }); localStorage.setItem("carrito", JSON.stringify(carrito)); } let subtotal = 0; let total = 0; let counter = 0; let envio1 = 0; carrito.forEach(producto => { counter += parseInt(producto.cantidad); subtotal += parseFloat(producto.precio) * parseInt(producto.cantidad); }); envio1 = 25 + counter; total = subtotal + envio1; nombre = document.getElementById('color_nombre').innerHTML = "Color: " + color; let color_style = document.getElementById('carrito_color'); color_style.style.backgroundColor = hex; color_style.style.width = '15px'; color_style.style.height = '15px'; document.getElementById('carrito_talla').innerHTML = "talla " + talla; document.getElementById('subtotal').innerHTML = "$" + subtotal.toFixed(2); document.getElementById('envioTotal').innerHTML = "$" + (envio1).toFixed(2); document.getElementById('total').innerHTML = "$" + total.toFixed(2); if (tipo == 1) { console.log(tipo); updateCarrito(); document.getElementById('carrito').click(); } } function modal_login(){ document.getElementById('page').value = "product_details"; document.getElementById('display_modal_login').click(); } function magnify(imgID, zoom, id) { var img, glass, w, h, bw; img = document.getElementById(imgID); var container = document.getElementById('carrousel'); /*create magnifier glass:*/ glass = document.createElement("DIV"); glass.setAttribute("class", "img-magnifier-glass"); glass.setAttribute("id", id); /*insert magnifier glass:*/ img.parentElement.insertBefore(glass, img); /*set background properties for the magnifier glass:*/ glass.style.backgroundImage = "url('" + img.src + "')"; glass.style.backgroundRepeat = "no-repeat"; glass.style.backgroundSize = (img.offsetWidth * zoom) + "px " + (img.offsetHeight * zoom) + "px"; bw = 3; w = 100; h = 100; /*execute a function when someone moves the magnifier glass over the image:*/ glass.addEventListener("mousemove", moveMagnifier); img.addEventListener("mousemove", moveMagnifier); document.getElementById('carrousel').addEventListener("mouseout", function(){ show_lupa(); }); glass.style.display="none"; function show_lupa(){ document.getElementById(id).style.display="none"; } /*and also for touch screens:*/ //glass.addEventListener("touchmove", moveMagnifier); //img.addEventListener("touchmove", moveMagnifier); function moveMagnifier(e) { if(glass.style.backgroundSize == "0px 0px"){ glass.style.backgroundSize = (img.offsetWidth * zoom) + "px " + (img.offsetHeight * zoom) + "px"; } document.getElementById(id).style.display="block"; var pos, x, y; /*prevent any other actions that may occur when moving over the image*/ e.preventDefault(); /*get the cursor's x and y positions:*/ pos = getCursorPos(e); x = pos.x; y = pos.y; /*prevent the magnifier glass from being positioned outside the image:*/ // if (x > container.offsetWidth - (w / zoom)) {x = container.offsetWidth - (w / zoom);} // if (x < w / zoom) {x = w / zoom;} // if (y > container.offsetHeight - (h / zoom)) {y = container.offsetHeight - (h / zoom);} // if (y < h / zoom) {y = h / zoom;} /*set the position of the magnifier glass:*/ glass.style.left = (x - w) + "px"; glass.style.top = (y - h) + "px"; /*display what the magnifier glass "sees":*/ glass.style.backgroundPosition = "-" + ((x * zoom) - w + bw) + "px -" + ((y * zoom) - h + bw) + "px"; } function getCursorPos(e) { var a, x = 0, y = 0; e = e || window.event; /*get the x and y positions of the image:*/ a = img.getBoundingClientRect(); /*calculate the cursor's x and y coordinates, relative to the image:*/ x = e.pageX - a.left; y = e.pageY - a.top; /*consider any page scrolling:*/ x = x - window.pageXOffset; y = y - window.pageYOffset; return {x : x, y : y}; } } var p_images = document.getElementsByClassName('imagenP'); [...p_images].forEach(element => { let id = element.id.split("-")[1]; magnify('image-'+id,2,'lupa-'+id); });