Horario Atención al Cliente: Lunes a Jueves de 9:30h a 18:30h y Viernes de 9:00h a 15:00h
Pantalón térmico modelo Wind de Kum , en color negro TALLA 2XL Características:
<iframe </p> </div> </div> </div> <!-- Complementos --> <!-- Opiniones --> <div class="card border-dark"> <div class="card-header" id="headingDescription"> <h2 class="mb-0"> <button class="btn btn-link collapsed text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseReviews" aria-expanded="false" aria-controls="collapseReviews"> <span style="color:darkgoldenrod;font-size:20px">0 Opiniones</span> </button> </h2> </div> <div id="collapseReviews" class="collapse" aria-labelledby="headingReviews" data-parent="#accordion"> <div class="card-body"> <h4>Opiniones Pantalon termico Wind Kum 2XL</h4> <div class="row"> <div class="col-12 mb-4"> <button type="submit" class="btn btn-danger"> <a href="/usuario/registro" rel="nofollow" class="aOpinion">Dar mi opinion</a> </button> </div> <div class="col-12 col-lg-8"> <div id="widget-container" class="data-ekomi-emp ekomi-widget-container ekomi-widget-sf1317925db409b49b4d4"></div> <div id="ekomi-product-widget-identifier" class="prod-data-emp" style="visibility: hidden">109004</div><script type="text/javascript"> (function (w) { w['_ekomiWidgetsServerUrl'] = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//widgets.ekomi.com'; w['_customerId'] = 131792; w['_ekomiDraftMode'] = true; w['_language'] = 'es'; if(typeof(w['_ekomiWidgetTokens']) !== 'undefined'){ w['_ekomiWidgetTokens'][w['_ekomiWidgetTokens'].length] = 'sf1317925db409b49b4d4'; } else { w['_ekomiWidgetTokens'] = new Array('sf1317925db409b49b4d4'); } if(typeof(ekomiWidgetJs) == 'undefined') { ekomiWidgetJs = true; var scr = document.createElement('script');scr.src = 'https://sw-assets.ekomiapps.de/static_resources/widget.js'; var head = document.getElementsByTagName('head')[0];head.appendChild(scr); } })(window);</script> </div> </div> </div> </div> </div> <!-- Preguntas --> <div class="card border-dark"> <div class="card-header" id="headingTags"> <h2 class="mb-0"> <button class="btn btn-link collapsed text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTags" aria-expanded="false" aria-controls="collapseTags"> Preguntas </button> </h2> </div> <div id="collapseTags" class="collapse" aria-labelledby="headingTags" data-parent="#accordion"> <div class="card-body"> <div class="product-tag-name mt-3"> <table> <tbody> </tbody> </table> <button type="submit" class="btn btn-danger"> <a href="/usuario/registro" rel="nofollow" style="color:white">Preguntar sobre este producto</a> </button> <br /> <small>Este es un sistema de preguntas y respuestas para dudas SOLO sobre nuestros productos</small> </div> </div> </div> </div> <!-- Aquí más para tu moto --> <div class="card border-dark"> <div class="card-header " id="headingMoto"> <h2 class="mb-0"> <button class="btn btn-link collapsed text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMoto" aria-expanded="false" aria-controls="collapseMoto"> <img src="/Theme/NilmotoV2/Hot-icon.png" / alt="fire"> Aquí más para tu moto </button> </h2> </div> <div id="collapseMoto" class="collapse " " aria-labelledby="headingMoto" data-parent="#accordion"> <div class="card-body"> <div class="product-tag-name mt-3"> <label>Valido para:</label><br /> Este producto es Universal <table> <tbody> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-4 offset-xl-1 z0"> <div class="column"> <div class="scrollbalance-inner shadow-lg"> <div class="shop_single_product_details sidebar mb-3 mb-xl-0"> <h1 class="title mb15">Pantalon termico Wind Kum 2XL</h1> <div class="d-flex justify-content-between align-items-center my-3 flex-wrap"> <p class="mb-0 text-success fw-medium fs-6">ID: 109004</p> <a href="#youtube" class="btn btn-light d-inline-flex align-items-center rounded-pill border shadow-sm px-3 py-2"> <div class="me-2"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" fill="#FF0000" /> </svg> </div> <span class="small fw-medium">Ver vídeo del producto</span> </a> </div> <hr /> <ul class="db-400 d-flex "> <li class="border-right heading-color fz13"> <a href="/kum"> Kum </a> </li> <li class="mx-1 ms-auto ml0-400 fs-6"> <div class="sspd_review mt-0"> <ul class="mb0"> <li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li> </ul> </div> </li> <li class="border-right me-1 heading-color fz14"> <p style="color:black;font-weight:bold;">( 0 Opiniones )</p> </li> </ul> <hr /> <div class="shop_single_description"> <h4 class="title">Descripción</h4> <p class="para">Pantalón térmico de color negro fabricado por KUM en licra elástica. Está disponible en varias tallas y ofrece una barrera total contra el frío. DISPONIBLE EN TALLA XXL</p> <a href="#collapseDescription" style="color:red">Leer más</a> </div> <hr /> <div class=""> <div> </div> <div class="d-block d-sm-flex align-items-start"> <div class="nav nav-pills-price me-0 me-md-4" id="v-pills-tab4" role="tablist" aria-orientation="vertical"> <hr /> <div class="d-block d-sm-flex align-items-start"> <div id="referencia-contenedor" class="nav nav-pills-price me-0 me-md-4" role="tablist" aria-orientation="vertical"> <button class="nav-link shadow d-flex justify-content-between align-items-start me-2 mb-3 active" style="border: 2px solid #c1a9a94f; width: 320px; border-left-color: green;border-left-width: 7px;" id="v-pills-Talla_2XL-tab" data-bs-referencia="Talla_2XL" data-bs-ref="Talla 2XL" data-bs-toggle="pill" data-bs-target="#v-pills-Talla_2XL" type="button" role="tab" aria-controls="v-pills-Talla_2XL" aria-selected="true"> <div style="flex: 1; padding-right: 15px;"> <span style="font-size:18px;color:black;font-weight:bold;">Talla 2XL</span> <br /> <span class="label label-success mb-2" style="font-size:12px;margin-top:3px;">En Stock envío 24/48h</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">50,42€</span> </div> </button> </div> </div> </div> </div> </div> <form method="post" action="/Compra/MasCarrito"> <ul class="cart_btn_widget shop_single3_style align-items-center mb-1"> <li> </li> <li class="list-inline-item me-1 mb-2"> <div class="cart_btn home_page_sidebar d-grid"> <div class="quantity-block home_page_sidebar"> <input type="hidden" name="Id" id="Id" value="109004"> <input type="hidden" name="Ref" class="reference" id="Ref" value=""> <input type="hidden" name="talla" id="talla" class="tallaHidden" value=""> <input type="hidden" name="color" id="color" class="colorHidden" value=""> <form id="miFormulario" onsubmit="return false;"> <!-- Prevenir el submit por defecto --> <button type="button" onclick="lessInputProduct('cantidadPrincipal', event)" class="quantity-arrow-minus2 shop_single_page_sidebar"> <img src="/Theme/NilmotoV2/images/icons/minus.svg" alt="minus"> </button> <input class="quantity-num2 shop_single_page_sidebar" type="number" id="cantidadPrincipal" name="Cantidad" value="1" min="1"> <button type="button" onclick="addInputProduct('cantidadPrincipal', event)" class="quantity-arrow-plus2 shop_single_page_sidebar"> <span class="flaticon-close"></span> </button> </form> </div> </div> </li> <li class="list-inline-item me-3 mb-3"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </li> </ul> </form> <script> document.addEventListener('DOMContentLoaded', function () { // Seleccionar el primer botón dentro del contenedor específico const firstButton = document.querySelector('#referencia-contenedor .nav-link.active'); if (firstButton) { const referencia = firstButton.getAttribute('data-bs-referencia'); const ref = firstButton.getAttribute('data-bs-ref'); actualizarValoresReferencia(referencia, ref); } }); // Función para actualizar los valores de Ref, talla y color al seleccionar una referencia function actualizarValoresReferencia(referencia, ref) { // Actualizar el campo Ref const refInput = document.getElementById('Ref'); if (refInput) { refInput.value = ref; } // Actualizar talla const tallaSelect = document.getElementById(`talla${referencia}`); const tallaInput = document.getElementById('talla'); if (tallaSelect && tallaInput) { tallaInput.value = tallaSelect.value; // Asignar valor por defecto tallaSelect.addEventListener('change', function () { tallaInput.value = this.value; }); } else if (tallaInput) { tallaInput.value = ""; // Reset si no hay talla } // Actualizar color const colorSelect = document.getElementById(`color${referencia}`); const colorInput = document.getElementById('color'); if (colorSelect && colorInput) { colorInput.value = colorSelect.value; // Asignar valor por defecto colorSelect.addEventListener('change', function () { colorInput.value = this.value; }); } else if (colorInput) { colorInput.value = ""; // Reset si no hay color } } // Añadir evento click a cada botón de referencia dentro del contenedor específico document.querySelectorAll('#referencia-contenedor .nav-link').forEach(button => { button.addEventListener('click', function () { const referencia = this.getAttribute('data-bs-referencia'); const ref = this.getAttribute('data-bs-ref'); actualizarValoresReferencia(referencia, ref); }); }); </script> <hr> <br /> <div class="sequra-promotion-widget" data-amount="5042" data-product="pp3" data-size="L" data-branding="black" data-alignment="left" ></div> <script> var sequraConfigParams = { merchant: "nilmoto", // Your merchant reference given by SeQura. assetKey: "NyWBKMc8yv", // Your asset key given by SeQura. products: ["i1", "pp3","sp1"], // List of SeQura products that you want to include components. scriptUri: "https://sandbox.sequracdn.com/assets/sequra-checkout.min.js", // SeQura Javascript library uri for production or sandbox. decimalSeparator: ",", // Decimal separator used in currencies formatting. Optional, default `,`. thousandSeparator: ".", // Thousand separator used in currencies formatting. Optional, default `.`. }; (function(i, s, o, g, r, a, m) {i["SequraConfiguration"] = g;i["SequraOnLoad"] = [];i[r] = {};i[r][a] = function(callback) {i["SequraOnLoad"].push(callback);};(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);a.async = 1;a.src = g.scriptUri;m.parentNode.insertBefore(a, m);})(window, document, "script", sequraConfigParams, "Sequra", "onLoad"); </script> <script type="text/javascript" src="https://live.sequracdn.com/assets/sequra-checkout.min.js"></script> <small style="font-size: 14px;"> Cálculo de ejemplo basado en el importe de 50,42 € </small> <hr> <div class="vendor_iconbox style2 d-flex mb-1 mt-4"> <span class="icon fz30 heading-color"><span class="flaticon-truck"></span></span> <div class="details ms-3 mt-0"> <p class="heading-color">Envío gratuito +69€(España-Península)</p> </div> </div> <div class="vendor_iconbox style2 d-flex mb-1"> <span class="icon fz30 heading-color"><span class="flaticon-shop"></span></span> <div class="details ms-3 mt-0"> <p class="heading-color">Primer cambio de talla gratis</p> </div> </div> <div class="vendor_iconbox style2 d-flex mb-0"> <span class="icon fz30 heading-color"><span class="flaticon-return-box"></span></span> <div class="details ms-1 mt-0"> <p class="heading-color">30 días para cambios y devoluciones <a class="tdu" href="/articulo/SeccionInferior/cambio-devolucion">Detalles</a></p> </div> </div> </div> <ul class="shop_single_wishlist_area d-block d-sm-flex justify-content-center align-items-center mt-2"> <li class="pe-1"><a href="https://wa.me/34604457947/" rel="nofollow" target="blank"><span class="flaticon-question me-2"></span>¿Dudas? Wasapeanos</a></li> <li class="ms-2"><a id="btn-compartir" style="color: #041e42;cursor:pointer"><span class="flaticon-share me-2"></span>Compartir</a></li> </ul> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 mt-5"> <section class="featured-product pb80 pt0"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="main-title text-center text-lg-start"> <h1 style="color:black;font-weight:bold">Otros clientes también compraron</h1> </div> </div> <div class="col-lg-12"> <div class="popular_listing_sliders row ui_kit_tab style2"> <!-- Tab panes --> <div class="tab-content col-lg-12" id="nav-tabContent3"> <div class="tab-pane fade show active" id="nav-t20" role="tabpanel" aria-labelledby="nav-t20-tab"> <div class="row"> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> <a href="/chaqueta-moto-invierno-urban-jc77-negra-sd-jc77n"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_SD-JC77N_1_77.jpg" alt="Chaqueta Moto Invierno Urban JC77 Negra"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/chaqueta-moto-invierno-urban-jc77-negra-sd-jc77n" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title"></div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/chaqueta-moto-invierno-urban-jc77-negra-sd-jc77n">Chaqueta Moto Invierno Urban JC77 Negra</a></div> <hr /> <div class="si_footer"> <div class="price"> <strong class="me-1">180,44€ </strong><small style="color:red"><del>228,40€</del></small> </div> </div> </div> </div> <style> /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Solo añadimos position: relative al enlace específico que contiene las etiquetas */ .thumb > a { position: relative; display: block; margin-top: 30px; /* Espacio para evitar superposición con las etiquetas superiores */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> <a href="/pelacrash-tacos-protector-de-carenado-moto-yamaha-mt07-2014--pelay22"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_PELAY22_1_PELA-MT07-3.jpg" alt="Pelacrash tacos protector de carenado Yamaha MT07 2014- XSR700 16-"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/pelacrash-tacos-protector-de-carenado-moto-yamaha-mt07-2014--pelay22" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title"></div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/pelacrash-tacos-protector-de-carenado-moto-yamaha-mt07-2014--pelay22">Pelacrash tacos protector de carenado Yamaha MT07 2014- XSR700 16-</a></div> <hr /> <div class="si_footer"> <div class="price"> <strong class="me-1">91,90€ </strong><small style="color:red"><del>113,46€</del></small> </div> </div> </div> </div> <style> /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Solo añadimos position: relative al enlace específico que contiene las etiquetas */ .thumb > a { position: relative; display: block; margin-top: 30px; /* Espacio para evitar superposición con las etiquetas superiores */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> </div> <div class="col-12"> </div> </div> <a href="/protector-delantero-para-yamaha-xsr700-y-mt07-prn012942-04"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_PRN012942-04_1_protector-horquilla.jpg" alt="Protector horquilla para Yamaha XSR700 y MT07"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/protector-delantero-para-yamaha-xsr700-y-mt07-prn012942-04" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title"></div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/protector-delantero-para-yamaha-xsr700-y-mt07-prn012942-04">Protector horquilla para Yamaha XSR700 y MT07</a></div> <hr /> <div class="si_footer"> <div class="price"> <strong> 62,86€ </strong> </div> </div> </div> </div> <style> /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Solo añadimos position: relative al enlace específico que contiene las etiquetas */ .thumb > a { position: relative; display: block; margin-top: 30px; /* Espacio para evitar superposición con las etiquetas superiores */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> </div> <div class="col-12"> </div> </div> <a href="/bolsa-shad-de-tunel-para-scooter-capacida-para-un-casco-25l-modelo-sc25-x0sc25"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_X0SC25_1_bolsa-shad.jpg" alt="Bolsa Shad de tunel para scooter, capacidad para un casco 25L modelo SC25"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/bolsa-shad-de-tunel-para-scooter-capacida-para-un-casco-25l-modelo-sc25-x0sc25" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title"></div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/bolsa-shad-de-tunel-para-scooter-capacida-para-un-casco-25l-modelo-sc25-x0sc25">Bolsa Shad de tunel para scooter, capacidad para un casco 25L modelo SC25</a></div> <hr /> <div class="si_footer"> <div class="price"> <strong class="me-1">68,75€ </strong><small style="color:red"><del>80,89€</del></small> </div> </div> </div> </div> <style> /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Solo añadimos position: relative al enlace específico que contiene las etiquetas */ .thumb > a { position: relative; display: block; margin-top: 30px; /* Espacio para evitar superposición con las etiquetas superiores */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> </div> <div class="col-12"> </div> </div> <a href="/diabolo-protector-marca-puig-6-mm-p4031"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_P4031_1_4031-protector-basculante.jpg" alt="Diabolo protector marca Puig 6 mm"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/diabolo-protector-marca-puig-6-mm-p4031" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title"></div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/diabolo-protector-marca-puig-6-mm-p4031">Diabolo protector marca Puig 6 mm</a></div> <hr /> <div class="si_footer"> <div class="price"> <strong> 32,66€ </strong> </div> </div> </div> </div> <style> /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Solo añadimos position: relative al enlace específico que contiene las etiquetas */ .thumb > a { position: relative; display: block; margin-top: 30px; /* Espacio para evitar superposición con las etiquetas superiores */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="row"> <div class="col-lg-12"> <section class="featured-product pb80 pt0"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="main-title text-center text-lg-start"> <h1 style="color:black;font-weight:bold">Productos Relacionados</h1> </div> </div> <div class="col-lg-12"> <div class="popular_listing_sliders row ui_kit_tab style2"> <!-- Tab panes --> <div class="tab-content col-lg-12" id="nav-tabContent3"> <div class="tab-pane fade show active" id="nav-t20" role="tabpanel" aria-labelledby="nav-t20-tab"> <div class="row"> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> </div> <div class="col-12"> </div> </div> <a href="/gafas-de-sol-bobster-route-marron-carey-route-marron"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_ROUTE-MARRON_1_route marron.jpg" alt="Gafas de sol Bobster Route Marron carey"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/gafas-de-sol-bobster-route-marron-carey-route-marron" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">bobster</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/gafas-de-sol-bobster-route-marron-carey-route-marron">Gafas de sol Bobster Route Marron carey</a></div> <hr /> <div class="si_footer"> <div class="price"> <strong class="me-1">63,21€ </strong><small style="color:red"><del>66,54€</del></small> </div> </div> </div> </div> <style> /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Solo añadimos position: relative al enlace específico que contiene las etiquetas */ .thumb > a { position: relative; display: block; margin-top: 30px; /* Espacio para evitar superposición con las etiquetas superiores */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section> <style> .etiqueta { position: absolute; bottom: 10px; /* Un poco de espacio desde el borde inferior */ right: 10px; /* Un poco de espacio desde el borde derecho */ max-width: 45%; /* Ligeramente más grande */ z-index: 10; /* Mayor z-index para asegurar que esté por encima */ margin: 0; padding: 0; pointer-events: none; transform: scale(1.1); /* Aumenta ligeramente el tamaño */ transform-origin: bottom right; /* Punto de origen para la transformación */ } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 10px; /* Un poco de espacio desde el borde superior */ left: 10px; /* Un poco de espacio desde el borde izquierdo */ max-width: 35%; /* Ligeramente más grande */ z-index: 10; /* Mayor z-index para asegurar que esté por encima */ margin: 0; pointer-events: none; transform: scale(1.1); /* Aumenta ligeramente el tamaño */ transform-origin: top left; /* Punto de origen para la transformación */ } .zoomimg_wrapper { position: relative; /* Asegura que las posiciones absolutas de las etiquetas sean relativas a este contenedor */ overflow: visible; /* Permite que las etiquetas sobresalgan si es necesario */ } </style> <script type="text/javascript"> function submitFormWithValues(productId, reference) { // Asigna los valores dinámicos a los campos ocultos document.getElementById('hiddenProductId').value = productId; document.getElementById('hiddenReference').value = reference; // Envía el formulario document.getElementById('addToCartForm').submit(); } function seleccionaReferencia(referencia, CodProducto, imagen) { document.getElementById('ImagenPrincipal').src = imagen; SeleccionaCambiaReferencia2(referencia, CodProducto, 'font-size:16px;font-weight:normal', 'price-box__new', 'font-size:30px', 'btn btn-danger'); } function ponImagen(imagen) { document.getElementById('ImagenPrincipal').src = imagen; } // FUNCIONALIDAD FLECHITA DE LAS SECCIONES ACORDEON const cardHeaders = document.querySelectorAll('.card-header'); cardHeaders.forEach(cardHeader => { const button = cardHeader.querySelector('button'); cardHeader.addEventListener('click', function (event) { if (event.target !== button) { button.click(); } }); }); // API NATIVA JAVASCRIPT COMPARTIR ENLACE // Seleccionamos el botón con id 'btn-compartir' const shareButton = document.getElementById("btn-compartir"); // Creamos una función que se ejecutará cuando el usuario haga click en el botón shareButton.addEventListener("click", (event) => { // Verificamos si el navegador tiene soporte para el API compartir if ("share" in navigator) { navigator .share({ // Defino un título para la ventana de compartir title: "Comparte Esta Página en Tu Plataforma Favorita", // Detecto la URL actual de la página url: window.location.href }) // Mensaje en Consola cuando se presiona el botón de compartir .then(() => { console.log("Contenido Compartido !"); }) .catch(console.error); } else { // Si el navegador no tiene soporte para la API compartir, le enviamos un mensaje al usuario alert('Lo siento, este navegador no tiene soporte para recursos compartidos.') } }); </script> <script> document.querySelectorAll('.nav-link:not(#v-pills-image1-tab):not(#v-pills-image2-tab):not(#v-pills-image3-tab):not(#v-pills-image4-tab)').forEach(button => { button.addEventListener('click', () => { document.querySelectorAll('.nav-link').forEach(btn => btn.classList.remove('active')); button.classList.add('active'); // Actualiza el estilo dinámico document.querySelectorAll('.nav-link').forEach(btn => btn.style.borderLeftColor = ''); button.style.borderLeftColor = 'green'; button.style.borderLeftWidth = '7px'; }); }); </script> <script> // Generamos un array dinámico con los datos del modelo const tarifas = [ {"REFERENCIA": "Talla 2XL","PRECIO": 50.42,"PRECIO_OFERTA": 50.42,"DISPONIBILIDAD": "En Stock envío 24/48h"} ]; function updateValues() { // Obtener la referencia seleccionada const selectedReferencia = document.getElementById('referencia').value; // Actualizar los campos ocultos const refInput = document.getElementsByClassName('reference')[0]; // Accede al primer input con clase 'reference' if (refInput) { refInput.value = selectedReferencia; // Actualiza el valor correctamente } // Buscar la tarifa correspondiente en el array const tarifaSeleccionada = tarifas.find(tarifa => tarifa.REFERENCIA === selectedReferencia); // Verificar si se encontró la tarifa y actualizar los valores if (tarifaSeleccionada) { if (document.getElementById('descuento') != null) { // Actualizar los spans visibles document.getElementById('precio').textContent = `${tarifaSeleccionada.PRECIO_OFERTA}€`; document.getElementById('descuento').textContent = tarifaSeleccionada.PRECIO ? `${tarifaSeleccionada.PRECIO}€` : ''; } else { document.getElementById('precio').textContent = `${tarifaSeleccionada.PRECIO}€`; } document.getElementById('disponibilidad').textContent = tarifaSeleccionada.DISPONIBILIDAD; } } updateValues(); </script> <script> function actualizarTalla() { var tallaSeleccionada = document.querySelector(".tallaSelect").value; document.querySelector(".tallaHidden").value = tallaSeleccionada; } actualizarTalla(); </script> <script> function actualizarColor() { var colorSeleccionado = document.querySelector(".colorSelect").value; document.querySelector(".colorHidden").value = colorSeleccionado; } actualizarColor(); </script> <!-- Our Footer --> <section class="footer_one home8"> <div class="container pb60"> <div class="row mt60"> <div class="col-sm-6 col-md-5 col-lg-4 col-xl-4"> <div class="footer_contact_widget home2_style"> <h4 style="color:red"><img src="/Theme/NilmotoV2/logo.webp" alt="Logo of Nilmoto, specializing in products and spare parts for motorcycles"/></h4> <div class="footer_contact_iconbox home2_style d-flex mb-4"> <div class="icon"><span class="flaticon-phone-call" style="color:red"></span></div> <div class="details ms-4"> <h5 class="title"> C/ Puerto Rico, 4 // 30890 Puerto Lumbreras , Murcia Spain </h5> <a href="tel:+34868188704">+34868188704</a> </div> </div> <div class="footer_contact_iconbox home2_style d-flex"> <div class="icon"><span class="flaticon-email" style="color:red"></span></div> <div class="details ms-4"> <h5 class="title">¿Ayuda con su pedido?</h5> <a href="mailto:ventas@nilmoto.com">ventas@nilmoto.com</a> </div> </div> </div> <hr /> <div class="footer_social_widget home2_style"> <h4 class="title">Siguenos en Redes Sociales</h4> <div class="social_icon_list home2_style mt30"> <ul class="mb20"> <li class="list-inline-item"><a href="https://www.facebook.com/Nilmoto/"><i class="fab fa-facebook"></i></a></li> <li class="list-inline-item"><a href="https://twitter.com/nilmoto"><i class="fab fa-twitter"></i></a></li> <li class="list-inline-item"><a href="https://www.youtube.com/user/Nilmoto"><i class="fab fa-youtube-play"></i></a></li> <li class="list-inline-item"><a href="https://www.instagram.com/nilmotoaccesorios/"><i class="fab fa-instagram"></i></a></li> <li class="list-inline-item"><a href="https://blog.nilmoto.com"><i class="fa fa-wordpress"></i></a></li> </ul> </div> </div> </div> <div class="col-sm-6 col-md-2 col-lg-4 col-xl-4"> <div class="footer_qlink_widget home2_style"> <h4></h4> <ul class="list-unstyled"> <li><a href="/articulo/SeccionInferior/change-returns" title="Returns Policy">Returns Policy</a></li> <li><a href="/articulo/SeccionInferior/nilmoto-contact" title="Contact">Contact</a></li> <li><a href="/articulo/SeccionInferior/Confianza-on-line" title="Confianza online">Confianza online</a></li> <li><a href="/articulo/SeccionInferior/terms-and-conditions" title="Terms and Conditions of Sale">Terms and Conditions of Sale</a></li> <li><a href="/articulo/SeccionInferior/cookies" title="Cookie Policy">Cookie Policy</a></li> <li><a href="/articulo/SeccionInferior/Legal-Notice" title="Legal Notice">Legal Notice</a></li> <li><a href="/articulo/SeccionInferior/privacidad" title="Privacy Policy">Privacy Policy</a></li> </ul> </div> </div> <div class="col-sm-8 col-md-5 col-lg-4 col-xl-4"> <div class="footer_mobile_app_widget mb25 home2_style"> <div class="mobile_app_list"> <div id="widget-container" class="ekomi-widget-container ekomi-widget-sf131792673c7bcd82912" ></div> <a href="https://www.ekomi.es/testimonios-nilmoto.html" target="_blank"><img alt="Nilmoto accesorios SLU Reviews with ekomi.es" src="https://smart-widget-assets.ekomiapps.de/resources/ekomi_logo.png" style="display: none;"/></a> <script type="text/javascript"> function registerWidget (w, token) { w['_ekomiWidgetsServerUrl'] = 'https://widgets.ekomi.com'; w['_customerId'] = 131792; if (w['_language'] == undefined) { w['_language'] = new Array(); } w['_language'][token] = 'auto'; if(typeof(w['_ekomiWidgetTokens']) !== 'undefined'){ w['_ekomiWidgetTokens'][w['_ekomiWidgetTokens'].length] = token; } else { w['_ekomiWidgetTokens'] = new Array(token); } if(typeof(ekomiWidgetJs) == 'undefined') { ekomiWidgetJs = true; var scr = document.createElement('script');scr.src = 'https://sw-assets.ekomiapps.de/static_resources/widget.js'; var head = document.getElementsByTagName('head')[0];head.appendChild(scr); } else {if (typeof ekomiWidgetMain != 'undefined') {ekomiWidgetMain('ajax', token);}} return true; } (function (w) { var token = 'sf131792673c7bcd82912'; var k = document.getElementsByClassName("ekomi-widget-" + token); for(var x=0;x<k.length;x++){ registerWidget(w,token); } })(window); </script> <br> <img class="mt-4" src="/Theme/NilmotoV2/sellos-calidad.webp" alt="Confianza" /><br /><br /> </div> </div> <div class="footer_acceped_card_widget home2_style"> <h4 class="title mb20">Pago Aceptados</h4> <div class="acceped_card_list"> <ul class="d-flex mb-0"> <li class="me-2"><img src="/Theme/nilmotoV2/pagosaceptados.webp" alt="payments" ></li> </ul> </div> </div> </div> </div> </div> <div class="container menu_bdrt1 pt20 pb20"> <div class="row"> <div class="col-lg-6"> <div class="copyright-widget home2_style text-center text-lg-start d-block d-lg-flex mb15-md"> <p class="me-4">© 2025 NILMOTO ACCESORIOS SL Datos Registrales BORME, Registro Mercantil de MUR</p> <p></p> </div> </div> <div class="col-lg-6"> </div> </div> </div> </section> <a class="scrollToHome" href="#"><i class="fas fa-angle-up"></i></a> </div> </div> <!-- Wrapper End --> <script src="/Theme/nilmotoV2/js/popper.min.js"></script> <script src="/Theme/nilmotoV2/js/bootstrap.min.js"></script> <script src="/Theme/nilmotoV2/js/bootstrap-select.min.js"></script> <script src="/Theme/nilmotoV2/js/jquery.mmenu.all.js"></script> <script src="/Theme/nilmotoV2/js/ace-responsive-menu.js"></script> <script src="/Theme/nilmotoV2/js/jquery-scrolltofixed-min.js"></script> <script src="/Theme/nilmotoV2/js/slider.js"></script> <script src="/Theme/nilmotoV2/js/scrollbalance.js"></script> <script src="/Theme/nilmotoV2/js/jquery.ez-plus.js"></script> <!-- Custom script for all pages --> <script src="/Theme/nilmotoV2/js/script.js?v=2.0.0"></script> </body> </html>
