es
inglés
francés
Sobre Gala
Puntos de Venta
Noticias
Inspiración
Atención al cliente
Comparador
Favoritos
Productos
Shower toilets
Grifería
Platos de ducha
Lavabos
Ducha
Mamparas
Inodoros
Muebles
Bañeras
Tapas y asientos
Bidés
Espejos y luminarias
Piezas Especiales
Sistemas de instalación
Accesorios
Mecanismos
Colecciones
Colecciones de baño
GALA-INNOVA
NOBLE
EOS
SAQQARA
EMMA
EMMASQUARE
MID
IRIA
STREET SQUARE
ARIS
HANNA
LIZZ
...
Colecciones de lavabos
KEMET
MOD
ALBUS
BOWL
CIRCLE
KLEA
EMMASQUARE
HERA
...
Colecciones de grifería
BALANCE
LORA
TIZONA
ARIJA
ODRA
CLUNIA
MENA
ROA
...
Colecciones de grifería ducha y bañera
BALANCE
LORA
ODRA
CLUNIA
MENA
ROA
...
Colecciones de muebles
CANALETTO
SHONA
DANE
DAILY
HANDY
FESSURA
MIK
NERO
IVVA
Colecciones de accesorios
SION
AVALON
...
Soluciones de espejos e iluminación
EIRE
MOIRA
IRON
LYA
ADDOR
KUADRAT
NERO
ONLY
KUL
ANNE
...
Colecciones de mamparas
KLEVAN
Colecciones de platos de ducha
QUANTUM
GYDA
VITA-N
...
Colecciones de bañeras
MID
MITTA
NILA
VANESA
FEDRA
...
Soluciones para espacios públicos
BABY
BLUE
ARQ
ARGOS
MINOR
EASY
MARE
BURGOS
ZINC
...
Soluciones para Sistemas y Mecanismos de instalación
EON
SLOT
STRIDE
Descargas
Catálogos
Certificados de Calidad
Área Privada
Canal Youtube
Identidad Corporativa
Sostenibilidad
Principios de Sostenibilidad
Proyectos de Sostenibilidad
Profesionales
Tarifa de repuestos
Manuales de Instalación
Certificaciones de calidad
Contacto SAT
Objetos BIM
Obras de Referencia
Vídeos de Instalación
Centro de descargas de manuales, dibujos y CADs
Selecciona tu país
Europa
czechia
France
Germany
hungary
INT
Italy
Portugal
Portugal
slovakia
Spain
United Kingdom
América
USA
Asia
China
Producto descatalogado
Inicio
Productos
Mecanismos
Mecanismos
Novedad
ComingSoon
TopSales
MECANISMOS
REF: G5041200
Mecanismo Universal de doble descarga
ficha de producto (pdf)
Elige la cantidad
-
+
Formas de parcelamento
×
Calculate shipping
Calculate
Unknown ZIP
Calculate shipping
Change ZIP
*The delivery period starts on the 1st business day after confirmation of payment. Information referring only to 01 unit of this item.
Product unavailable
Product unavailable: Message
required field
Email incorrecto
</div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script type="text/javascript"> var showFavIcon = false; var productCode = 'G5041200'; $(document).ready(function() { if (showFavIcon && productCode.trim() !== '') { showVideoFavData(); setVideoFavorites(productCode); } }); function showVideoFavData() { var imgVideoFav = document.getElementsByClassName("imgFav favVideos"); if (imgVideoFav) { for (var i = 0; i < imgVideoFav.length; i++) { if (imgVideoFav[i].style) {imgVideoFav[i].style.removeProperty("display");} } } } function setVideoFavorites(productCode) { var resourceURL = 'https://www.gala.es/productos/producto?p_p_id=VideoBanner_INSTANCE_XE9mmVsjyoJI&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage'; var namespace = '_VideoBanner_INSTANCE_XE9mmVsjyoJI_'; var data = {}; data[namespace + 'resourceAction'] = 'resourceSetVideoFavs'; data[namespace + 'resourceCode'] = productCode; $.ajax({ url : resourceURL, method : 'post', data : data }).done( function(result) { if ((result.success)&&(result.results)) { var results = result.results; var pfid, favVideosDiv; for (var i = 0; i < results.length; i++) { pfid = results[i].professionalFileItemId; if ((pfid)&&(pfid !== '0')) { favVideosDiv = document.querySelector(".imgFav.favVideos.favVideo" + i); if (favVideosDiv) { favVideosDiv.dataset.pfid = pfid; favVideosDiv.classList.add("active"); } } } } }); } function setFavoriteVideo(element) { var div = $(element).parent("div"); if (div){ var resourceURL = 'https://www.gala.es/productos/producto?p_p_id=VideoBanner_INSTANCE_XE9mmVsjyoJI&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', namespace = '_VideoBanner_INSTANCE_XE9mmVsjyoJI_'; var pfid = div.data('pfid'), code = div.data('code'), vtitle = div.data('vtitle'), vurl = div.data('vurl'); var data = {}; data[namespace + 'resourceAction'] = 'resourceSetFavVideos'; data[namespace + 'resourceProfessionalFileItemId'] = pfid; data[namespace + 'resourceCode'] = code; data[namespace + 'resourceVideoTitle'] = vtitle; data[namespace + 'resourceVideoURL'] = vurl; $.ajax({ url : resourceURL, method : 'post', data : data }).done( function(result) { if (result.success) { result.active ? div.addClass('active') : div.removeClass('active'); div.data('pfid', result.professionalFileItemId); var text = (result.active) ? 'El documento seleccionado ha sido añadido a tus favoritos' : 'The selected file has been deleted from your favorites'; var iconimg = (result.active) ? 'markon-24.svg' : 'mark-24.svg'; var icon = '<img class="svg" src="' + 'https://www.gala.es/o/local-brands-theme/images' + '/icons/' + iconimg + '" /><span>' + text + '</span>' displayNotification(null, null, icon, 'https://www.gala.es/area-usuario?section=files', 'ir'); } }); } } </script> <style> .video01 .favVideos .mark-documento { float: right; margin-right: 15px; cursor: pointer; position: relative; z-index: 1; margin-top: 15px; } .video01 .favVideos .mark-documento:hover { background: url('https://www.gala.es/o/local-brands-theme/images/icons/markon-24.svg'); float: right; margin-right: 15px; } .video01 .favVideos.active .mark-documento, .video01 .favVideos.active .mark-documento:hover { content: url('https://www.gala.es/o/local-brands-theme/images/icons/markon-24-video.svg'); float: right; margin-right: 15px; } </style> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_ImageMosaic_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_ImageMosaic_INSTANCE_H3Ffk5VlIetl_"> <span id="p_ImageMosaic_INSTANCE_H3Ffk5VlIetl"></span> <section class="portlet" id="portlet_ImageMosaic_INSTANCE_H3Ffk5VlIetl"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Image Mosaic</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <script src="https://www.gala.es/o/local-brands-theme/js/lib/masonry.pkgd.min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/imagesloaded.pkgd.min.js"></script> <script type="text/javascript"> var _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentInstanceData; if ((typeof _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicResultInstanceData !== 'undefined')&&(_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicResultInstanceData)) {_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentInstanceData = _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicResultInstanceData;} var _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentPage = 1; var _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicGrid = null; $(document).ready(function() { if (window.addProductSkuChangedListener) { window.addProductSkuChangedListener(function(sku) { _ImageMosaic_INSTANCE_H3Ffk5VlIetl_updateImgMosaicContainer(sku); }); } }); function _ImageMosaic_INSTANCE_H3Ffk5VlIetl_initializeImageMosaicGrid() { _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicGrid = $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-wrapper'); _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicGrid.masonry({ itemSelector: '#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-item', columnWidth: '#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-sizer', percentPosition: true, transitionDuration: 0, //horizontalOrder: true }); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider').not('.slick-initialized').slick({ arrows: true, speed: 300, slidesToShow: 1, adaptiveHeight: true }); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider > .slick-list > .slick-track > .slick-slide').css('position','relative'); _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicGrid.imagesLoaded().always(function() { $("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-wrapper").css("transition", "1s").removeClass("hidden"); $("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicPaginationDiv .pagination-ajax").removeClass("disabled"); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading').css('display', 'none'); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-wrapper').masonry() }); var totalNumSlides = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-list .slick-track .slick-slide').length; var numClonedSlides = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-list .slick-track .slick-cloned').length; var currentIndex = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-active').data('slick-index'); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-next').on( "click", function() { var totalNumSlides = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-list .slick-track .slick-slide').length; var numClonedSlides = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-list .slick-track .slick-cloned').length; var currentIndex = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-active').data('slick-index'); var numSlides = totalNumSlides - numClonedSlides; if (currentIndex == numSlides - 1){ _ImageMosaic_INSTANCE_H3Ffk5VlIetl_ImageMosaicNextClicked(); } }); } function _ImageMosaic_INSTANCE_H3Ffk5VlIetl_updateImgMosaicContainer(sku) { if (sku) { $.ajax({ url : 'https://www.gala.es/productos/producto?p_p_id=ImageMosaic_INSTANCE_H3Ffk5VlIetl&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', method : 'post', data : { '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_resourceAction' : 'resourceSetImages', '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_resourceSku' : sku } }).done(function(result) { if ((result)&&(result.success)) { var div = document.getElementById('_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection'); if (!div) { var namespace = '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_'; div = document.querySelector('#portlet' + namespace.substring(0, namespace.length - 1) + ' section'); if (div) { div.removeAttribute("style"); div.setAttribute('id', '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection'); div.setAttribute('class', 'imagemosaic '); } } if ((result.images)&&(div)) { _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentInstanceData = result.instanceData; div.innerHTML = _ImageMosaic_INSTANCE_H3Ffk5VlIetl_getImgMosaicContainerHTML(result.images, _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentInstanceData); _ImageMosaic_INSTANCE_H3Ffk5VlIetl_initializeImageMosaicGrid(); _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentPage = 1; } } }); } } function _ImageMosaic_INSTANCE_H3Ffk5VlIetl_getImgMosaicContainerHTML(images, imageMosaicCurrentInstanceData) { var html = '<div class="container">'; html += '<div class="row" id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaicLink">'; html += '<div class="col-sm-12">'; html += '<div class="imagemosaic-masonry-wrapper">'; html += '<div class="col-sm-12 col-lg-4 imagemosaic-masonry-sizer"></div>'; for (var i = 0; i < images.length; i++) { if (images[i].url) { html += '<a class="lightbox" href="#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_img' + (i + 1) + '" onclick="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_getImageNumber(' + (i + 1) + ')">'; var isUniqueImage = (images.length > 1) ? "col-lg-4" : ""; html += '<div class="col-sm-12 ' + isUniqueImage + ' imagemosaic-masonry-item">'; html += '<img class="img-fluid" alt="' + images[i].alt + '" src="' + images[i].url + '">'; html += '</div>'; html += '</a>'; } } html += '</div></div></div>'; html += '<div id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-link"> </div>'; html += '<span class="loading">...</span>'; var display = (imageMosaicCurrentInstanceData.pagesNumber > 1) ? '' : ' style="display:none;"'; html += '<div id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicPaginationDiv" class="row"' + display + '>'; html += '<div class="pagination-ajax pagination-footer disabled" style="">'; html += '<div class="row justify-content-md-center">'; html += '<div class="col col-md-4">'; html += '<div class="progressive-bar">'; html += '<div class="row no-gutters">'; for (var i = 0; i < imageMosaicCurrentInstanceData.pagesNumber; i++) { var isActive = (i == 0) ? ' active' : ''; html += '<div class="col"><span class="progressive-bar__element' + isActive + '"></span></div>'; } html += '</div></div>'; html += '<a class="view-more-btn" href="javascript:_ImageMosaic_INSTANCE_H3Ffk5VlIetl_ImageMosaicNextClicked();">'; html += '<span class="link-content">Cargar más</span>'; html += '<span id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_nextButtonTotalsSpan" class="tag">'; html += 'Has visto '; html += images.length; html += ' de '; if (imageMosaicCurrentInstanceData.images) {html += imageMosaicCurrentInstanceData.images.length;} html += ' imágenes'; html += '</span>'; html += '</a>'; html += '</div></div></div></div>'; html += '</div>'; html += '<div class="lightbox-target _ImageMosaic_INSTANCE_H3Ffk5VlIetl_lightbox-selector" id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_img">'; html += '<div id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider" class="image-slider">'; for (var i = 0; i < images.length; i++) { if (images[i].modalUrl) { var download = images[i].modalUrl + ((images[i].modalUrl.includes("?")) ? "&" : "?") + "download=true"; html += '<div>'; html += '<img src="' + images[i].modalUrl + '" />'; html += '<a class="lightbox-close" href="#imgMsc"></a>'; html += '<a class="lightbox-download" href="' + download + '" style="margin-top: 0px;">'; html += '<img src="https://www.gala.es/o/local-brands-theme/images/icons/download.svg" alt="download" style="margin-top: 0px;" />'; html += '</a>'; html += '</div>'; } } html += '</div></div>'; return html; } function _ImageMosaic_INSTANCE_H3Ffk5VlIetl_getImageNumber(number){ var newId = "_ImageMosaic_INSTANCE_H3Ffk5VlIetl_img"+number; document.getElementsByClassName("_ImageMosaic_INSTANCE_H3Ffk5VlIetl_lightbox-selector")[0].id = newId; $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider').slick('slickGoTo', number-1); } function _ImageMosaic_INSTANCE_H3Ffk5VlIetl_ImageMosaicNextClicked(){ if (document.activeElement != document.body) document.activeElement.blur(); //$("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading").focus(); //$("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading").attr('autofocus', 'true'); $("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicPaginationDiv .pagination-ajax").addClass("disabled"); //$('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading').css('display', 'block'); $.ajax({ url : 'https://www.gala.es/productos/producto?p_p_id=ImageMosaic_INSTANCE_H3Ffk5VlIetl&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', method : 'post', data : { '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_resourceAction' : 'resourceSetNextImages', '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_page' : _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentPage + 1, '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_width' : screen.width, '_ImageMosaic_INSTANCE_H3Ffk5VlIetl_resourceInstanceData' : JSON.stringify(_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentInstanceData) } }).done(function(result) { if ((result)&&(result.success)) { /* console.log("results: "+JSON.stringify(result)); */ if (result.instanceData) {_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentInstanceData = result.instanceData}; if (result.images) { var alt = result.instanceData.alt; /* console.log("ALT: "+alt); */ for (var i=0;i<result.images.length;i++) { var image = result.images[i]; var indexImage = image.index + 1; var html1 = '<a class="lightbox hidden" href="#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_img' + indexImage + '" onclick="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_getImageNumber('+indexImage+')">' + '<div class="col-sm-12 col-lg-4 imagemosaic-masonry-item">' + '<img class="img-fluid" alt="'+ alt +'" src="' + image.url + '">' + '</div>' + '</a>'; $("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-wrapper .lightbox").last().after(html1); var download = image.modalUrl + ((image.modalUrl.indexOf('?') >= 0) ? '&' : '?') + 'download=true'; var btnSlide = (image.buttonUrl && image.buttonText) ? '<div class="btn-slide"><a href="' + image.buttonUrl + '" target="_blank">' + image.buttonText + '</a></div>' : ''; var html2 = '<div id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_img' + image.index + '">' + btnSlide + '<img alt="'+ alt +'" src="' + image.modalUrl + '" />' + '<a class="lightbox-close" href="#imgMsc"></a>' + '<a class="lightbox-download" href="' + download + '" style="margin-top: 0px;">' + '<img src="https://www.gala.es/o/local-brands-theme/images/icons/download.svg" alt="download" style="margin-top: 0px;"/>' + '</a>' + '</div>'; $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider').slick('slickAdd',html2); } _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicGrid.masonry('reloadItems'); _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicGrid.imagesLoaded().always(function() { //var posTop = $(window).scrollTop(); //console.log("Scroll original: "+posTop) $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading').css('display', 'none'); $("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .lightbox").css("transition", "1s").removeClass("hidden"); $("#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicPaginationDiv .pagination-ajax").removeClass("disabled"); //setTimeout( // function() // { // var currentPosTop = $(window).scrollTop(); // console.log("Scroll actual "+currentPosTop) // while(currentPosTop != posTop) { // window.scrollTo({top:posTop, left:0, behavior:'auto'}); // var currentPosTop = $(window).scrollTop(); // } // }, 500); _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicGrid.masonry('layout'); if (result.currentPage) { _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentPage = result.currentPage; if (_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentPage >= result.instanceData.pagesNumber) {$('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicPaginationDiv').hide();} else { $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicPaginationDiv .progressive-bar__element').each(function (index) { if (index < _ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicCurrentPage) {$(this).addClass('active');} else {$(this).removeClass('active');} }); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_nextButtonTotalsSpan').html( 'Has visto ' + $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-item').length + ' de ' + result.instanceData.images.length + ' imágenes' ); } } }); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider > .slick-list > .slick-track > .slick-slide').css('position','relative'); } $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading').css('display', 'none'); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-next').on( "click", function() { var totalNumSlides = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-list .slick-track .slick-slide').length; var numClonedSlides = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-list .slick-track .slick-cloned').length; var currentIndex = $('.lightbox-target #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_mosaic-slider.image-slider .slick-active').data('slick-index'); var numSlides = totalNumSlides - numClonedSlides; if (currentIndex == numSlides - 1){ _ImageMosaic_INSTANCE_H3Ffk5VlIetl_ImageMosaicNextClicked(); } $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading').css('display', 'none'); }); } }); $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .loading').css('display', 'none'); } </script> <style type="text/css"> @keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-o-keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .loading { font-weight: 600; display: block; margin-bottom: 0.5rem; line-height: 1.2; text-align: center; font-size: 80px; -webkit-animation: flickerAnimation 1s infinite; -moz-animation: flickerAnimation 1s infinite; -o-animation: flickerAnimation 1s infinite; animation: flickerAnimation 1s infinite; } .imagemosaic .imagemosaic-masonry-wrapper { overflow: hidden; } .imagemosaic .imagemosaic-masonry-item { padding-bottom: 1em; } .imagemosaic .imagemosaic-masonry-item img { width: 100% } .imagemosaic .lightbox-target { position: fixed; top: -100%; width: 100%; background: #FFF; width: 100%; opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; overflow: hidden; z-index: 9999; } .imagemosaic .lightbox-target img { margin: auto; /* position: absolute; */ top: 0; left:0; right:0; bottom: 0; max-height: 0%; max-width: 0%; border: 3px solid white; box-shadow: 0px 0px 8px rgba(0,0,0,.3); box-sizing: border-box; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .image-slider > .slick-list > .slick-track > .slick-slide > picture > img { margin-top: 120px; max-height: calc(100vh - 130px); } .slick-slider{ width: 100%; /*height: 100%;*/ } .imagemosaic a.lightbox-close { display: block; width:50px; height:50px; box-sizing: border-box; background: white; color: black; text-decoration: none; position: absolute; top: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; right: 20px; } .imagemosaic a.lightbox-download { display: block; width: 50px; height: 50px; box-sizing: border-box; position: absolute; top: 0; background-color: white; right: 70px; } .imagemosaic a.lightbox-download img { box-shadow: none; border: 0; opacity: 0.6; height: 50px; width: 30px; } .imagemosaic a.lightbox-close:before { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .imagemosaic a.lightbox-close:after { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .imagemosaic .lightbox-target:target { opacity: 1; top: 0; bottom: 0; left: 0; } .imagemosaic .lightbox-target:target img { max-height: calc(100vh - 120px); max-width: 750px; /* margin-top: 100px; */ } .imagemosaic .lightbox-target:target a.lightbox-close { top: 0px; } #_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicPaginationDiv { margin: 0 1em; } .imagemosaic .hidden { opacity: 0 !important; position: absolute !important; } .imagemosaic .disabled { pointer-events: none !important; cursor: default !important; } .imagemosaic .disabled a.view-more-btn { background-color: #e8e8e8 !important; } .imagemosaic .slick-list.draggable{ height: auto !important; } /*boton dentro slide*/ .btn-slide{ display: flex; justify-content: center; height:57px; margin-top:15px !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .btn-slide a{ text-decoration: none; display: block; background: #000000; color: #ffffff; padding: 1rem 5rem; font-family: Roboto-Bold', Helvetica, Arial, sans-serif; } /* .slick-prev:before { content: '<'; } .slick-next:before { content: '>'; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-next{ margin-left: 2500px; } */ .lightbox-target .slick-prev { background-image: url("https://www.gala.es/o/local-brands-theme/images/icons/chevron_left-24.svg"); left: 50px; width: 24px; height: 24px; } .lightbox-target .slick-next { background-image: url("https://www.gala.es/o/local-brands-theme/images/icons/chevron_right-24.svg"); right: 50px; width: 24px; height: 24px; } @media (max-width: 2560px){ .imagemosaic .lightbox-target:target img { max-width: 2560px; /* margin-top: 100px; */ } } @media (max-width: 2000px){ .slick-next{ margin-left: 1820px; } .imagemosaic .lightbox-target:target img { max-width: 2000px; margin-top: 110px; } } @media (max-width: 1800px){ .slick-next{ margin-left: 1650px; } } @media (max-width: 1650px){ .slick-next{ margin-left: 1450px; } } @media (max-width: 1440px){ .slick-next{ margin-left: 1380px; } .imagemosaic .lightbox-target:target img { margin-top: 90px; /*max-width: 1440px;*/ max-height: calc(100vh - 100px); } .image-slider > .slick-list > .slick-track > .slick-slide > picture > img { margin-top: 90px; max-height: calc(100vh - 100px); } } @media (max-width: 1024px){ .slick-next{ margin-left: 964px; } .imagemosaic .lightbox-target:target img { max-width: 1024px; } } @media (max-width: 768px){ .slick-next{ margin-left: 708px; } .imagemosaic .lightbox-target:target img { max-width: 768px; } } @media (max-width: 426px){ .slick-next{ display: none; } .slick-prev{ display: none; } .imagemosaic a.lightbox-download { top: 0; margin-left: 0px; margin-top: 0px; } .imagemosaic a.lightbox-close { margin-left: 365px; } .imagemosaic .lightbox-target:target img { max-width: 350px; /*position: absolute;*/ bottom: 0px; } .image-slider > .slick-list > .slick-track { height: 100% !important; } .slick-list.draggable{ height: 100% !important; } .image-slider > .slick-list > .slick-track > .slick-slide > picture > img { position: relative; bottom: 0px; } .btn-slide{ margin-top: 50px !important; } } @media (max-width: 375px){ .imagemosaic a.lightbox-download { top: 0; margin-left: 0px; margin-top: 0px; } .imagemosaic a.lightbox-close { margin-left: 315px; } .imagemosaic .lightbox-target:target img { max-width: 320px; /*position: absolute;*/ bottom: 0px; } .slick-list.draggable{ height: 100% !important; } } @media (max-width: 320px){ .imagemosaic a.lightbox-download { top: 0; margin-left: 0px; margin-top: 0px; } .imagemosaic a.lightbox-close { margin-left: 271px; } .imagemosaic .lightbox-target:target img { max-width: 320px; /*position: absolute;*/ bottom: 0px; } .slick-list.draggable{ height: 100% !important; } } </style> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_ProductFeat_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_ProductFeat_INSTANCE_oVd9KNNst1iS_"> <span id="p_ProductFeat_INSTANCE_oVd9KNNst1iS"></span> <section class="portlet" id="portlet_ProductFeat_INSTANCE_oVd9KNNst1iS"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Product Features</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <link rel="preload" href="https://www.gala.es/o/local-brands-theme/css/product-features-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.gala.es/o/local-brands-theme/css/product-features-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000"></noscript> <section class="caracteristicas-producto-texto " id="anclaProductFeat" > <div class="container" id="first-container"> <div class="row caracteristicas-row"> <div class="col-lg-6 caracteristicas-titulo"> <h2 class="titulo-principal ">CARACTERÍSTICAS TÉCNICAS</h2> </div> </div> <div class="row caracteristicas-texto"> <div class="col-lg-12 col"> <p class="caracteristicas-producto-desc">Mecanismo Universal de doble descarga. Compatibles con Aris, Coral, Diana ø40 cm, Elia, Emma, Emma Square, Eos, Gala Innova, Jazz, Klea, Lizz, Loa, Marina, Metropol, Metropol BTW, Mid, Noble, Smart, Smart BTW, Street, Street Square, Street BTW, Zoe. Pedido mínimo caja expositor de 6 unidades.</p> </div> </div> <div class="row r-body "> <div class="col-lg-4 col-sm-12 first-text"> <p data-code="NetWeight_kg" ><span>Peso neto (kg): </span>0.2</p> </div> </div> </div> </section> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_ProductDistributor_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_ProductDistributor_INSTANCE_mxC86f9FbfCn_"> <span id="p_ProductDistributor_INSTANCE_mxC86f9FbfCn"></span> <section class="portlet" id="portlet_ProductDistributor_INSTANCE_mxC86f9FbfCn"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Product Distributor</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <script type="text/javascript"> var textOffer = 'offer'; $(window).on("load", function() { let isCelite = false; let isCosmic = false; $('#anclaProductDistributor__ProductDistributor_INSTANCE_mxC86f9FbfCn_ .fondo.selected').each(function() { var code = $(this).attr('data-product'); var sku = $(this).attr('data-sku'); var favorite = ($(this).attr('data-favorite') == 'true'); var comparator = ($(this).attr('data-comparator') == 'true'); productDistribSelectedFinisheds[code] = sku; _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeFavoriteButton(code, sku, favorite, productDistribTexts); _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeComparatorButton(code, sku, comparator, productDistribTexts); if(isCosmic){ _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeCloseUpImage(code, sku); } }); var pwf = []; for(var i = 0; i < pwf.length; i++) { var product = pwf[i]; var productCode = product.productCode; var code = product.code; var favorite = product.favorite; var comparator = product.comparator; productDistribSelectedFinisheds[productCode] = code; _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeFavoriteButton(productCode, code, favorite, productDistribTexts); _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeComparatorButton(productCode, code, comparator, productDistribTexts); } var productTagsInfo = document.productTagsInfo; var $container = $('._ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv'); if(isCosmic){ $container = $('._ProductDistributor_INSTANCE_mxC86f9FbfCn_wrapper-producto'); } $container.each(function(index, element) { var $button = $(element).find('button.fondo'); var dataTags = $button.attr('data-tags'); if( dataTags && dataTags.length > 0 ){ var activeTagCodes = dataTags? dataTags.split(',').map(tag => tag.trim().toUpperCase()): []; var customTagsArray = productTagsInfo && Object.values(productTagsInfo).filter(tag =>activeTagCodes.includes(tag.code.toUpperCase())) .map(tag => ({ ...tag, position: tag.position ? tag.position.toUpperCase() : '' })); $(element).find(".customTagsDefaultContainer").html(customTagsGetHTML(customTagsArray, 'large', 'solid', 'default')); $(element).find(".customTagsAlternativeContainer").html(customTagsGetHTML(customTagsArray, 'small', 'subtle', 'alternative')); //Init theme hover if (typeof setupHoverEffects === "function") {setupHoverEffects()}; } }); }); var productDistribSelectedFinisheds = {}; var productDistribTexts = { 'namespace' : '_ProductDistributor_INSTANCE_mxC86f9FbfCn_', 'resourceURL' : 'https://www.gala.es/productos/producto?p_p_id=ProductDistributor_INSTANCE_mxC86f9FbfCn&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', 'imagesPath' : 'https://www.gala.es/o/local-brands-theme/images', 'goToProduct' : 'ir', 'addFavorite' : 'Añadir producto a favoritos', 'removeFavorite' : 'Eliminar producto de favoritos', 'addComparator' : 'Añadir producto a comparador', 'removeComparator' : 'Eliminar producto de comparador', 'favoriteAdded' : 'El producto ha sido añadido a tus favoritos', 'favoriteRemoved' : 'El producto ha sido eliminado de tus favoritos', 'comparatorAdded' : 'El producto ha sido añadido a tu comparador', 'comparatorRemoved' : 'El producto ha sido eliminado de tu comparador' }; function _ProductDistributor_INSTANCE_mxC86f9FbfCn_onProductDistribFinishedClicked(button) { var isCosmic = false; var isRoca = false; var isAlape = false; var isCelite = false; var favorite = (button.dataset.favorite == 'true'), comparator = (button.dataset.comparator == 'true'), sku = (button.dataset.sku), code = (button.dataset.product), description = (button.dataset.description), finishedTags = button.dataset.tags; _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangePrettyPriceFinished(button, productDistribTexts); _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeFavoriteButton(code, sku, favorite, productDistribTexts); _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeComparatorButton(code, sku, comparator, productDistribTexts); _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeDescription(code, description); productDistribSelectedFinisheds[code] = sku; _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeLink(code, sku); if(isLaufen){ var displaysku = button.dataset.displaysku; if(displaysku) { $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productCodeSpan'+code+'"]').html('REF: '+displaysku);} }else if(isAlape){ var displaysku = button.dataset.displaysku; if((displaysku!=null)&&(displaysku!="")&&(displaysku!==undefined)&&(displaysku.trim().startsWith("VA"))){ displaysku = displaysku.replace("VA",""); } if(displaysku) { $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productCodeSpan'+code+'"]').html('REF: '+displaysku);} }else if(isCosmic){ productDistribChangeCloseUpImage(code, sku); }else{ var novelty = (button.dataset.novelty == 'true'); var comingSoon = (button.dataset.comingsoon == 'true'); var topsales = (button.dataset.topsales == 'true'); $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productNoveltySpan'+code+'"]').hide(); $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productComingSoonSpan'+code+'"]').hide(); $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productTopSalesSpan'+code+'"]').hide(); if(novelty) { $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productNoveltySpan'+code+'"]').show();} if(comingSoon) { $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productComingSoonSpan'+code+'"]').show();} if(topsales) { $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productTopSalesSpan'+code+'"]').show();} } if(isAlape){ var displaysku = button.dataset.displaysku; if((displaysku!=null)&&(displaysku!="")&&(displaysku!==undefined)&&(displaysku.trim().startsWith("VA"))){ displaysku = displaysku.replace("VA",""); } if(displaysku) { $('[id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productCodeSpan'+code+'"]').html('REF: '+displaysku);} } if(isCosmic){ _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeCloseUpImage(code, sku); } var $container = $('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_finishedButton' + sku).closest('._ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv'); if(isCosmic){ $container = $('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_finishedButton' + sku).closest('.wrapper-producto'); } $container.find(".customTagsDefaultContainer").html(""); $container.find(".customTagsAlternativeContainer").html(""); if(finishedTags && finishedTags.split(',').length > 0){ var productTagsInfo = document.productTagsInfo; var activeTagCodes = finishedTags? finishedTags.split(',').map(tag => tag.trim().toUpperCase()): []; var customTagsArray = productTagsInfo && Object.values(productTagsInfo).filter(tag => activeTagCodes.includes(tag.code.toUpperCase())) .map(tag => ({ ...tag, position: tag.position ? tag.position.toUpperCase() : '' })); if (productTagsInfo && customTagsArray.length > 0) { $container.find(".customTagsDefaultContainer").html(customTagsGetHTML(customTagsArray, 'large', 'solid', 'default')); $container.find(".customTagsAlternativeContainer").html(customTagsGetHTML(customTagsArray, 'small', 'solid', 'alternative')); } if(isCelite){ if( $("#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP" + code).html() != "" && $("#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP" + code).is(":visible")){ $container.find(".customTagsAlternativeContainer").show(); }else{ $container.find(".customTagsAlternativeContainer").hide(); } } //Init theme hover if (typeof setupHoverEffects === "function") {setupHoverEffects();} } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangePrettyPriceFinished(button, texts) { var code = button.dataset.product, sku = button.dataset.sku, rrpText = button.dataset.rrptext, rrpLabel = button.dataset.rrplabel, priceTextNoSub = button.dataset.pricetextnosub, priceStrikeThrough = button.dataset.pricestrikethrough, showPrettyPrices = button.dataset.showprettyprice, label = button.dataset.pricelabel, price = button.dataset.price; var isCosmic = false; var onlinePriceWrapperDiv = document.getElementById('js-online-price-wrapper' + code); if ((code)&&(sku)) { var rrpLabelP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_rrpLabel' + code), priceStrikethroughBlackP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_priceStrikethroughBlack' + code), priceBlueP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_priceBlue' + code), priceP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP' + code); if (showPrettyPrices === 'true') { if (priceP && rrpLabel && rrpText) {priceP.innerHTML = rrpLabel + ' : <span>' + rrpText + '</span>';productListShowElement(priceP);} if (rrpLabelP && label) {rrpLabelP.innerHTML = label + ": ";} if (priceStrikethroughBlackP) { if (priceStrikeThrough && (priceStrikeThrough!= 'undefined')) { priceStrikethroughBlackP.innerHTML = priceStrikeThrough; priceStrikethroughBlackP.style.display = 'inline'; priceBlueP.style.display = 'block' } else { priceStrikethroughBlackP.style.display = 'none'; priceBlueP.style.display = 'inline' } } if (priceBlueP && priceTextNoSub) {priceBlueP.innerHTML = priceTextNoSub;} if (onlinePriceWrapperDiv) {onlinePriceWrapperDiv.style.display = 'block';} } else { if (onlinePriceWrapperDiv) {onlinePriceWrapperDiv.style.display = 'none';} // Yari 08/06/2023 Temporal fix, this should be analyzed and re-factored if (priceP) { if ((label)&&(priceTextNoSub)) { priceP.innerHTML = !isCosmic ? label + ' : ' + priceTextNoSub.replace('<sub>', '').replace('</sub>', '') : priceTextNoSub.replace('<sub>', '').replace('</sub>', ''); productListShowElement(priceP); } else { productListHideElement(priceP); } } // Yari 08/06/2023 End temporal fix } var isCelite = false; if(isCelite){ var contentPrice = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP' + code); var measures = "" if($('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productSizeP' + code).length > 0){ measures = $('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productSizeP' + code).text(); } var contentDiscount = $('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv' + code + ' .product-discount-wrapper'); var contentDades=$('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv' + code + ' .dades'); if (priceStrikeThrough && (priceStrikeThrough !== 'undefined')) { var discount = getDiscountPercentage(priceStrikeThrough,price); if(typeof contentDiscount.html() !== "undefined"){ contentDiscount.removeAttr('Style', 'display:none'); $('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv' + code +' .product-discount-wrapper').find('.priceStrikethrough').text( priceStrikeThrough ); $('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv' + code +' .product-discount-wrapper').find('.discountPercentage').text('('+ discount +'%)'); }else{ contentDades.html( '<p id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productSizeP'+ code +'" class="sizes">'+ measures +'</p>'+ '<div class="product-discount-wrapper">'+ '<span class="priceStrikethrough">'+ priceStrikeThrough +'</span>'+ '<span class="discountPercentage">('+ discount +'%)</span>'+ '</div>'+ '<p id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP'+ code +'" class="price"></p>'); } }else if(typeof contentDiscount.html() !== "undefined" ){ contentDiscount.attr('Style', 'display:none'); } if(!contentPrice){ contentDades.html( '<p id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productSizeP'+ code +'" class="sizes">'+ measures +'</p>'+ '<p id="_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP'+ code +'" class="price"></p>'); } const priceValue = price.split(':')[1]?.trim(); const financingPriceId = '_ProductDistributor_INSTANCE_mxC86f9FbfCn_financingPriceP' + code; // Eliminar el elemento si ya existe $('#' + financingPriceId).remove(); if(priceValue && priceValue !== 'null'){ contentDades.append('<p id="' + financingPriceId + '" class="price-financing-info"></p>'); } getFinancingProduct(price,code); cleanPrice(price,code); contentPrice = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP' + code); if(contentPrice){ if ((label)&&(priceTextNoSub)) { productListShowElement(contentPrice); contentPrice.innerHTML = priceTextNoSub; } else { productListHideElement(contentPrice); } } } } } function cleanPrice(price,code){ price = price.replace(/[^0-9,]+/g, ""); $('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv' + code +' .dades').find('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP' + code).text('R$ '+ price); } function getDiscountPercentage (priceOld , priceNew) { priceOld = priceOld.replace(/[^0-9,]+/g, ""); priceOld = parseFloat(priceOld.replace(/,/g,".")); priceNew = priceNew.replace(/[^0-9,]+/g, ""); priceNew = parseFloat(priceNew.replace(/,/g,".")); let percentageDiscount = null; if (priceOld !== 0 && priceNew !== priceOld && priceNew !== 0) { percentageDiscount = (((100 * ( priceNew - priceOld) / priceOld)) ).toFixed(); } return percentageDiscount; } function productListShowElement(obj) {$(obj).show();} function productListHideElement(obj) {$(obj).hide();} function _ProductDistributor_INSTANCE_mxC86f9FbfCn_onProductDistribFavoriteIconClicked(code) { _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeFavorite(code, productDistribTexts); } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_onProductDistribComparatorIconClicked(code) { _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeComparator(code, productDistribTexts); } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeFavorite(code, texts) { var sku = productDistribSelectedFinisheds[code]; if (sku) { var data = {}; data[texts.namespace + 'resourceAction'] = 'resourceSetFavorite'; data[texts.namespace + 'resourceSku'] = sku; $.ajax({ url : texts.resourceURL, method : 'post', data : data }).done(function(result) { if (result.success) { _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeFavoriteButton(code, sku, result.favorite, texts); var text = (result.favorite) ? texts.favoriteAdded : texts.favoriteRemoved; var icon = (result.favorite) ? 'favon-18.svg' : 'favoff-18.svg' _ProductDistributor_INSTANCE_mxC86f9FbfCn_productListShowNotification(code, icon, text, texts, 'https://www.gala.es/area-usuario?section=favorites'); } }); } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeFavoriteButton(code, sku, favorite, texts) { var button = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_finishedButton' + sku); var productDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productImageDiv' + code); if (button) { button.dataset.favorite = favorite; button.setAttribute('data-favorite', favorite); if (productDiv) { productDiv.title = button.dataset.alt; } } var favoriteLink = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productFavoriteLink' + code); if (favoriteLink) { var favText = (favorite) ? texts.removeFavorite : texts.addFavorite; favoriteLink.title = favText; } var favoriteIcon = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productFavoriteIcon' + code); if (favoriteIcon) { var favIcon = (favorite) ? '/icons/favon-18.svg' : '/icons/favoff-18.svg'; favoriteIcon.setAttribute('src', texts.imagesPath + favIcon); } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeComparator(code, texts) { var sku = productDistribSelectedFinisheds[code]; if (sku) { var data = {}; data[texts.namespace + 'resourceAction'] = 'resourceSetComparator'; data[texts.namespace + 'resourceSku'] = sku; $.ajax({ url : texts.resourceURL, method : 'post', data : data }).done(function(result) { if (result.success) { _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeComparatorButton(code, sku, result.comparator, texts); var text = (result.comparator) ? texts.comparatorAdded : texts.comparatorRemoved; var icon = (result.comparator) ? 'comparador_on-18.svg' : 'comparador_off-18.svg' _ProductDistributor_INSTANCE_mxC86f9FbfCn_productListShowNotification(code, icon, text, texts, 'https://www.gala.es/area-usuario?section=comparator'); } }); } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeComparatorButton(code, sku, comparator, texts) { var button = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_finishedButton' + sku); if (button) { button.dataset.comparator = comparator; button.setAttribute('data-comparator', comparator); } var comparatorLink = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productComparatorLink' + code); if (comparatorLink) { var cmpText = (comparator) ? texts.removeComparator : texts.addComparator; comparatorLink.title = cmpText; } var comparatorIcon = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productComparatorIcon' + code); if (comparatorIcon) { var cmpIcon = (comparator) ? '/icons/comparador_on-18.svg' : '/icons/comparador_off-18.svg'; comparatorIcon.setAttribute('src', texts.imagesPath + cmpIcon); } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeDescription(code, description) { var elem = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productLink2' + code); if (elem) { elem.innerHTML = ((description) ? description : ''); } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeCloseUpImage(code, sku) { var button = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_finishedButton' + sku); var closeUpImage = ""; var hoverImage = ""; var noveltyData = ""; var comingSoonData = ""; var topsalesData = ""; if (button) { closeUpImage = (button.dataset.closeupimage); image = (button.dataset.image); noveltyData = (button.dataset.novelty); comingSoonData = (button.dataset.comingSoon); topsalesData = (button.dataset.topsales); } var noveltyDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_pproductNoveltyLiPD' + code); var comingSoonDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_pproductComingSoonLiPD' + code); var topsalesDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_pproductTopSalesLiPD' + code); var productDiscountPercentageDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiscountPercentageLiPD' + code); var imageDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productImageDiv' + code); if ((imageDiv)&&(imageDiv.style.backgroundImage)) { if (closeUpImage){ imageDiv.style.backgroundImage = "url('"+ closeUpImage+ "')"; } else { imageDiv.style.backgroundImage = "url('"+ image+ "')"; } } $('.tags').hide(); setTimeout(() => { if (noveltyDiv) { if (noveltyData == 'true'){ noveltyDiv.style.display = "block"; } else { noveltyDiv.style.display = "none"; } } if (comingSoonDiv) { if (comingSoonData == 'true'){ comingSoonDiv.style.display = "block"; } else { comingSoonDiv.style.display = "none"; } } if (topsalesDiv) { if (topsalesData == 'true') { topsalesDiv.style.display = "block"; } else { topsalesDiv.style.display = "none"; } } $('.tags').show(); }, 10); if (productDiscountPercentageDiv) { console.log("Ingrese offer"); console.log(productDiscountPercentageDiv); var divPD='_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiscountPercentageLiPD' + code; $("#"+divPD.replaceAll(".","\\.")).show(); } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productDistribChangeLink(code, sku) { if (code) { var productDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productDiv' + code); if (productDiv) { var baseUrl = productDiv.dataset.url; if (baseUrl) { var url = _ProductDistributor_INSTANCE_mxC86f9FbfCn_productListSetURLParameter(baseUrl, 'sku', sku); var a1 = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productLink1' + code); if (a1) {a1.href = url;} var a2 = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productLink2' + code); if (a2) {a2.href = url;} } } } } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productListSetURLParameter(url, name, value) { var index = url.indexOf('?'); if (index > 0) { var body = url.substring(0, index), query = url.substring(index); index = query.indexOf(name + '='); if (index >= 0) { var index2 = query.indexOf('&', index); if (index2 < 0) {index2 = query.indexOf('#', index)} query = query.substring(0, index + name.length + 1) + value + ((index2 > 0) ? query.substring(index2) : ''); url = body + query; } else { index = url.indexOf('#'); if (index >= 0) {url = url.substring(0, index) + '&' + name + '=' + value + url.substring(index);} else {url += '&' + name + '=' + value;} } } else { index = url.indexOf('#'); if (index >= 0) {url = url.substring(0, index) + '?' + name + '=' + value + url.substring(index);} else {url += '?' + name + '=' + value;} } return url; } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productListGetNotificationData(code, notificationIcon, notificationText, texts, typeUrl) { var data = {}; var imageDiv = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productImageDiv' + code); if ((imageDiv)&&(imageDiv.style.backgroundImage)) { data.image = imageDiv.style.backgroundImage.slice(4, -1).replace(/['"]/g, ''); } var collectionName = '', collectionUrl = '', productName = '', productUrl = '', productReference = '', finishedName = '', finishedImage = '', productDimensions = '', productPrice = '', finishedPriceStrikethrough = '', rrpLabel = '', priceTextNoSub = ''; var collectionLink = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productCollectionLink' + code); if (collectionLink) { collectionName = collectionLink.innerHTML; collectionUrl = collectionLink.href; } var productLink = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productLink2' + code); if (productLink) { productName = productLink.innerHTML; productUrl = productLink.href; } var productSpan = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productCodeSpan' + code); if (productSpan) {productReference = productSpan.innerHTML;} var sku = productDistribSelectedFinisheds[code]; if (sku) { var finishedButton = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_finishedButton' + sku); if (finishedButton) { finishedName = finishedButton.title; var finishedButtonSpan = document.querySelector('#_ProductDistributor_INSTANCE_mxC86f9FbfCn_finishedButton' + sku +' span'); if (finishedButtonSpan) { finishedImage = finishedButtonSpan.style.backgroundImage.slice(4, -1).replace(/['"]/g, ''); } } } var productSizeP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productSizeP' + code); if (productSizeP) {productDimensions = productSizeP.innerHTML;} var productPriceP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_productPriceP' + code); if ((productPriceP)&&($(productPriceP).is(":visible"))) {productPrice = productPriceP.innerHTML;} var finishedPriceStrikethroughP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_priceStrikethroughBlack' + code); if (finishedPriceStrikethroughP) {finishedPriceStrikethrough = finishedPriceStrikethroughP.text;} var rrpLabelP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_rrpLabel' + code); if (rrpLabelP) {rrpLabel = rrpLabelP.text;} var priceTextNoSubP = document.getElementById('_ProductDistributor_INSTANCE_mxC86f9FbfCn_priceBlue' + code); if (priceTextNoSubP) {priceTextNoSub = priceTextNoSubP.text;} data.content = ''; if (collectionName) { data.content += '<p class="coleccion">' + '<a href="' + collectionUrl + '">' + collectionName + '</a>' + '</p>'; } if (productName) { data.content += '<h3 class="title-producto">' + '<a href="' + productUrl + '">' + productName + '</a>' + '</h3>'; } if (productReference) { data.content += '<p class="reference">' + productReference + '</p>'; } if (finishedImage) { data.content += '<div class="colors">' + '<div aria-label="' + finishedName + '" class="fondo selected" role="img">' + '<span style="background-image:url(\'' + finishedImage + '\')"></span>' + '</div>' + '</div>'; } data.content += '<div class="dades">'; if (productDimensions) {data.content += '<p class="sizes">' + productDimensions + '</p>';} // if (productPrice) {data.content += '<p class="pricePretty">' + productPrice + '</p>';} if (productPrice) {data.content += '<p class="price">' + productPrice + '</p>';} data.content += '</div>'; // data.content += '<div class="dades-precios">' + // '<p class="price-list">'; // if (rrpLabel) {data.content += rrpLabel + ': ';} // data.content += '</p>' + // '<span class="priceStrikethrough-black">'; // if (finishedPriceStrikethrough) {data.content += finishedPriceStrikethrough;} // data.content += '</span>'; // data.content += '<span class="blue-number-left">'; // if (priceTextNoSub) {data.content += priceTextNoSub;} // data.content += '</span>'; // data.content += '</div>'; data.icon = ''; if (notificationIcon) {data.icon += '<img class="svg" src="' + texts.imagesPath + '/icons/' + notificationIcon + '" />';} if (notificationText) {data.icon += '<span>' + notificationText + '</span>';} data.url = typeUrl; data.text = texts.goToProduct; return data; } function _ProductDistributor_INSTANCE_mxC86f9FbfCn_productListShowNotification(code, icon, action, texts, typeUrl) { var data = _ProductDistributor_INSTANCE_mxC86f9FbfCn_productListGetNotificationData(code, icon, action, texts, typeUrl); displayNotification(data.image, data.content, data.icon, data.url, data.text); } /** * Genera el bloque HTML para las etiquetas personalizadas (customTags). * * @param {Array} customTags - Array de objetos que representan las etiquetas personalizadas del producto. * - Se espera que el array est� ordenado previamente. * - Se espera que contenga �nicamente las etiquetas activas. * @param {string} size - Tama�o de etiqueta [ large | small ] * @param {string} styleTag - Estilo de etiqueta [solid(defecto) | subtle | outline] * @param {string} placement - Lugar de renderizado de etiqueta [default | alternative] * @returns {string} HTML generado con el bloque de etiquetas personalizadas. */ function customTagsGetHTML(customTags, size, styleTag, placement) { var baseURL = "https://www.gala.es"; var customTagsHtml = ''; // Valor por defecto si no se pasa styleTag styleTag = styleTag || 'solid'; if (customTags && customTags.length > 0) { customTagsHtml += '<div class="custom-tags--wrapper">'; customTags.forEach(function(tag) { var isDefault = tag.position === 'DEFAULT' && placement === 'default'; var isAlternative = tag.position === 'ALTERNATIVE' && placement === 'alternative'; var typeSize = size; var hasTitle = tag.title.trim() !== ""; var hasUrlFriendly = tag.friendlyURL && tag.friendlyURL.trim()!== ""; if ((isDefault || isAlternative) && hasTitle) { // Estilos din�micos (sobre-escriben a los del theme) var style = ''; if(styleTag === 'outline'){ if (tag.textColor && tag.textColor.trim() !== '') { if(tag.textColor !== "#ffffff" && tag.textColor !== "#fff"){ style += 'color:' + tag.textColor + ';'; style += 'outline: 2px solid ' + tag.textColor + ';'; } } else if (tag.backgroundColor && tag.backgroundColor.trim() !== '') { if(tag.backgroundColor !== "#ffffff" && tag.backgroundColor !== "#fff"){ style += 'color:' + tag.backgroundColor + ';'; style += 'outline: 2px solid ' + tag.backgroundColor + ';'; } } style += 'background-color: #ffffff;'; } else { if (tag.textColor && tag.textColor.trim() !== '') { style += 'color:' + tag.textColor + ';'; } if (tag.backgroundColor && tag.backgroundColor.trim() !== '') { style += 'background-color:' + tag.backgroundColor + ';'; } } customTagsHtml += '<span class="custom-tags__item'; if(typeSize === 'small'){ customTagsHtml += ' custom-tags__item--small'; } else { customTagsHtml += ' custom-tags__item--large'; } if(hasUrlFriendly){ customTagsHtml += ' js-hover'; } customTagsHtml += ' custom-tags__item--' + styleTag; customTagsHtml += '"'; if (style !== '') { customTagsHtml += ' style="' + style + '"'; } if(hasUrlFriendly){ customTagsHtml += 'onclick="window.location.href=\'' + tag.friendlyURL + '\'"'; } customTagsHtml += '>'; customTagsHtml += tag.title; customTagsHtml += '</span>'; } }); customTagsHtml += '</div>'; } return customTagsHtml; } </script> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_ProductDistributor_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_"> <span id="p_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y"></span> <section class="portlet" id="portlet_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Product Distributor</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <script type="text/javascript"> var textOffer = 'offer'; $(window).on("load", function() { let isCelite = false; let isCosmic = false; $('#anclaProductDistributor__ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_ .fondo.selected').each(function() { var code = $(this).attr('data-product'); var sku = $(this).attr('data-sku'); var favorite = ($(this).attr('data-favorite') == 'true'); var comparator = ($(this).attr('data-comparator') == 'true'); productDistribSelectedFinisheds[code] = sku; _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeFavoriteButton(code, sku, favorite, productDistribTexts); _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeComparatorButton(code, sku, comparator, productDistribTexts); if(isCosmic){ _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeCloseUpImage(code, sku); } }); var pwf = []; for(var i = 0; i < pwf.length; i++) { var product = pwf[i]; var productCode = product.productCode; var code = product.code; var favorite = product.favorite; var comparator = product.comparator; productDistribSelectedFinisheds[productCode] = code; _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeFavoriteButton(productCode, code, favorite, productDistribTexts); _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeComparatorButton(productCode, code, comparator, productDistribTexts); } var productTagsInfo = document.productTagsInfo; var $container = $('._ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv'); if(isCosmic){ $container = $('._ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_wrapper-producto'); } $container.each(function(index, element) { var $button = $(element).find('button.fondo'); var dataTags = $button.attr('data-tags'); if( dataTags && dataTags.length > 0 ){ var activeTagCodes = dataTags? dataTags.split(',').map(tag => tag.trim().toUpperCase()): []; var customTagsArray = productTagsInfo && Object.values(productTagsInfo).filter(tag =>activeTagCodes.includes(tag.code.toUpperCase())) .map(tag => ({ ...tag, position: tag.position ? tag.position.toUpperCase() : '' })); $(element).find(".customTagsDefaultContainer").html(customTagsGetHTML(customTagsArray, 'large', 'solid', 'default')); $(element).find(".customTagsAlternativeContainer").html(customTagsGetHTML(customTagsArray, 'small', 'subtle', 'alternative')); //Init theme hover if (typeof setupHoverEffects === "function") {setupHoverEffects()}; } }); }); var productDistribSelectedFinisheds = {}; var productDistribTexts = { 'namespace' : '_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_', 'resourceURL' : 'https://www.gala.es/productos/producto?p_p_id=ProductDistributor_INSTANCE_MOZ2yrCQyS6Y&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', 'imagesPath' : 'https://www.gala.es/o/local-brands-theme/images', 'goToProduct' : 'ir', 'addFavorite' : 'Añadir producto a favoritos', 'removeFavorite' : 'Eliminar producto de favoritos', 'addComparator' : 'Añadir producto a comparador', 'removeComparator' : 'Eliminar producto de comparador', 'favoriteAdded' : 'El producto ha sido añadido a tus favoritos', 'favoriteRemoved' : 'El producto ha sido eliminado de tus favoritos', 'comparatorAdded' : 'El producto ha sido añadido a tu comparador', 'comparatorRemoved' : 'El producto ha sido eliminado de tu comparador' }; function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_onProductDistribFinishedClicked(button) { var isCosmic = false; var isRoca = false; var isAlape = false; var isCelite = false; var favorite = (button.dataset.favorite == 'true'), comparator = (button.dataset.comparator == 'true'), sku = (button.dataset.sku), code = (button.dataset.product), description = (button.dataset.description), finishedTags = button.dataset.tags; _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangePrettyPriceFinished(button, productDistribTexts); _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeFavoriteButton(code, sku, favorite, productDistribTexts); _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeComparatorButton(code, sku, comparator, productDistribTexts); _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeDescription(code, description); productDistribSelectedFinisheds[code] = sku; _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeLink(code, sku); if(isLaufen){ var displaysku = button.dataset.displaysku; if(displaysku) { $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productCodeSpan'+code+'"]').html('REF: '+displaysku);} }else if(isAlape){ var displaysku = button.dataset.displaysku; if((displaysku!=null)&&(displaysku!="")&&(displaysku!==undefined)&&(displaysku.trim().startsWith("VA"))){ displaysku = displaysku.replace("VA",""); } if(displaysku) { $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productCodeSpan'+code+'"]').html('REF: '+displaysku);} }else if(isCosmic){ productDistribChangeCloseUpImage(code, sku); }else{ var novelty = (button.dataset.novelty == 'true'); var comingSoon = (button.dataset.comingsoon == 'true'); var topsales = (button.dataset.topsales == 'true'); $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productNoveltySpan'+code+'"]').hide(); $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productComingSoonSpan'+code+'"]').hide(); $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productTopSalesSpan'+code+'"]').hide(); if(novelty) { $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productNoveltySpan'+code+'"]').show();} if(comingSoon) { $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productComingSoonSpan'+code+'"]').show();} if(topsales) { $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productTopSalesSpan'+code+'"]').show();} } if(isAlape){ var displaysku = button.dataset.displaysku; if((displaysku!=null)&&(displaysku!="")&&(displaysku!==undefined)&&(displaysku.trim().startsWith("VA"))){ displaysku = displaysku.replace("VA",""); } if(displaysku) { $('[id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productCodeSpan'+code+'"]').html('REF: '+displaysku);} } if(isCosmic){ _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeCloseUpImage(code, sku); } var $container = $('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_finishedButton' + sku).closest('._ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv'); if(isCosmic){ $container = $('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_finishedButton' + sku).closest('.wrapper-producto'); } $container.find(".customTagsDefaultContainer").html(""); $container.find(".customTagsAlternativeContainer").html(""); if(finishedTags && finishedTags.split(',').length > 0){ var productTagsInfo = document.productTagsInfo; var activeTagCodes = finishedTags? finishedTags.split(',').map(tag => tag.trim().toUpperCase()): []; var customTagsArray = productTagsInfo && Object.values(productTagsInfo).filter(tag => activeTagCodes.includes(tag.code.toUpperCase())) .map(tag => ({ ...tag, position: tag.position ? tag.position.toUpperCase() : '' })); if (productTagsInfo && customTagsArray.length > 0) { $container.find(".customTagsDefaultContainer").html(customTagsGetHTML(customTagsArray, 'large', 'solid', 'default')); $container.find(".customTagsAlternativeContainer").html(customTagsGetHTML(customTagsArray, 'small', 'solid', 'alternative')); } if(isCelite){ if( $("#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP" + code).html() != "" && $("#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP" + code).is(":visible")){ $container.find(".customTagsAlternativeContainer").show(); }else{ $container.find(".customTagsAlternativeContainer").hide(); } } //Init theme hover if (typeof setupHoverEffects === "function") {setupHoverEffects();} } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangePrettyPriceFinished(button, texts) { var code = button.dataset.product, sku = button.dataset.sku, rrpText = button.dataset.rrptext, rrpLabel = button.dataset.rrplabel, priceTextNoSub = button.dataset.pricetextnosub, priceStrikeThrough = button.dataset.pricestrikethrough, showPrettyPrices = button.dataset.showprettyprice, label = button.dataset.pricelabel, price = button.dataset.price; var isCosmic = false; var onlinePriceWrapperDiv = document.getElementById('js-online-price-wrapper' + code); if ((code)&&(sku)) { var rrpLabelP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_rrpLabel' + code), priceStrikethroughBlackP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_priceStrikethroughBlack' + code), priceBlueP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_priceBlue' + code), priceP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP' + code); if (showPrettyPrices === 'true') { if (priceP && rrpLabel && rrpText) {priceP.innerHTML = rrpLabel + ' : <span>' + rrpText + '</span>';productListShowElement(priceP);} if (rrpLabelP && label) {rrpLabelP.innerHTML = label + ": ";} if (priceStrikethroughBlackP) { if (priceStrikeThrough && (priceStrikeThrough!= 'undefined')) { priceStrikethroughBlackP.innerHTML = priceStrikeThrough; priceStrikethroughBlackP.style.display = 'inline'; priceBlueP.style.display = 'block' } else { priceStrikethroughBlackP.style.display = 'none'; priceBlueP.style.display = 'inline' } } if (priceBlueP && priceTextNoSub) {priceBlueP.innerHTML = priceTextNoSub;} if (onlinePriceWrapperDiv) {onlinePriceWrapperDiv.style.display = 'block';} } else { if (onlinePriceWrapperDiv) {onlinePriceWrapperDiv.style.display = 'none';} // Yari 08/06/2023 Temporal fix, this should be analyzed and re-factored if (priceP) { if ((label)&&(priceTextNoSub)) { priceP.innerHTML = !isCosmic ? label + ' : ' + priceTextNoSub.replace('<sub>', '').replace('</sub>', '') : priceTextNoSub.replace('<sub>', '').replace('</sub>', ''); productListShowElement(priceP); } else { productListHideElement(priceP); } } // Yari 08/06/2023 End temporal fix } var isCelite = false; if(isCelite){ var contentPrice = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP' + code); var measures = "" if($('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productSizeP' + code).length > 0){ measures = $('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productSizeP' + code).text(); } var contentDiscount = $('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv' + code + ' .product-discount-wrapper'); var contentDades=$('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv' + code + ' .dades'); if (priceStrikeThrough && (priceStrikeThrough !== 'undefined')) { var discount = getDiscountPercentage(priceStrikeThrough,price); if(typeof contentDiscount.html() !== "undefined"){ contentDiscount.removeAttr('Style', 'display:none'); $('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv' + code +' .product-discount-wrapper').find('.priceStrikethrough').text( priceStrikeThrough ); $('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv' + code +' .product-discount-wrapper').find('.discountPercentage').text('('+ discount +'%)'); }else{ contentDades.html( '<p id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productSizeP'+ code +'" class="sizes">'+ measures +'</p>'+ '<div class="product-discount-wrapper">'+ '<span class="priceStrikethrough">'+ priceStrikeThrough +'</span>'+ '<span class="discountPercentage">('+ discount +'%)</span>'+ '</div>'+ '<p id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP'+ code +'" class="price"></p>'); } }else if(typeof contentDiscount.html() !== "undefined" ){ contentDiscount.attr('Style', 'display:none'); } if(!contentPrice){ contentDades.html( '<p id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productSizeP'+ code +'" class="sizes">'+ measures +'</p>'+ '<p id="_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP'+ code +'" class="price"></p>'); } const priceValue = price.split(':')[1]?.trim(); const financingPriceId = '_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_financingPriceP' + code; // Eliminar el elemento si ya existe $('#' + financingPriceId).remove(); if(priceValue && priceValue !== 'null'){ contentDades.append('<p id="' + financingPriceId + '" class="price-financing-info"></p>'); } getFinancingProduct(price,code); cleanPrice(price,code); contentPrice = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP' + code); if(contentPrice){ if ((label)&&(priceTextNoSub)) { productListShowElement(contentPrice); contentPrice.innerHTML = priceTextNoSub; } else { productListHideElement(contentPrice); } } } } } function cleanPrice(price,code){ price = price.replace(/[^0-9,]+/g, ""); $('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv' + code +' .dades').find('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP' + code).text('R$ '+ price); } function getDiscountPercentage (priceOld , priceNew) { priceOld = priceOld.replace(/[^0-9,]+/g, ""); priceOld = parseFloat(priceOld.replace(/,/g,".")); priceNew = priceNew.replace(/[^0-9,]+/g, ""); priceNew = parseFloat(priceNew.replace(/,/g,".")); let percentageDiscount = null; if (priceOld !== 0 && priceNew !== priceOld && priceNew !== 0) { percentageDiscount = (((100 * ( priceNew - priceOld) / priceOld)) ).toFixed(); } return percentageDiscount; } function productListShowElement(obj) {$(obj).show();} function productListHideElement(obj) {$(obj).hide();} function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_onProductDistribFavoriteIconClicked(code) { _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeFavorite(code, productDistribTexts); } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_onProductDistribComparatorIconClicked(code) { _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeComparator(code, productDistribTexts); } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeFavorite(code, texts) { var sku = productDistribSelectedFinisheds[code]; if (sku) { var data = {}; data[texts.namespace + 'resourceAction'] = 'resourceSetFavorite'; data[texts.namespace + 'resourceSku'] = sku; $.ajax({ url : texts.resourceURL, method : 'post', data : data }).done(function(result) { if (result.success) { _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeFavoriteButton(code, sku, result.favorite, texts); var text = (result.favorite) ? texts.favoriteAdded : texts.favoriteRemoved; var icon = (result.favorite) ? 'favon-18.svg' : 'favoff-18.svg' _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productListShowNotification(code, icon, text, texts, 'https://www.gala.es/area-usuario?section=favorites'); } }); } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeFavoriteButton(code, sku, favorite, texts) { var button = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_finishedButton' + sku); var productDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productImageDiv' + code); if (button) { button.dataset.favorite = favorite; button.setAttribute('data-favorite', favorite); if (productDiv) { productDiv.title = button.dataset.alt; } } var favoriteLink = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productFavoriteLink' + code); if (favoriteLink) { var favText = (favorite) ? texts.removeFavorite : texts.addFavorite; favoriteLink.title = favText; } var favoriteIcon = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productFavoriteIcon' + code); if (favoriteIcon) { var favIcon = (favorite) ? '/icons/favon-18.svg' : '/icons/favoff-18.svg'; favoriteIcon.setAttribute('src', texts.imagesPath + favIcon); } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeComparator(code, texts) { var sku = productDistribSelectedFinisheds[code]; if (sku) { var data = {}; data[texts.namespace + 'resourceAction'] = 'resourceSetComparator'; data[texts.namespace + 'resourceSku'] = sku; $.ajax({ url : texts.resourceURL, method : 'post', data : data }).done(function(result) { if (result.success) { _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeComparatorButton(code, sku, result.comparator, texts); var text = (result.comparator) ? texts.comparatorAdded : texts.comparatorRemoved; var icon = (result.comparator) ? 'comparador_on-18.svg' : 'comparador_off-18.svg' _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productListShowNotification(code, icon, text, texts, 'https://www.gala.es/area-usuario?section=comparator'); } }); } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeComparatorButton(code, sku, comparator, texts) { var button = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_finishedButton' + sku); if (button) { button.dataset.comparator = comparator; button.setAttribute('data-comparator', comparator); } var comparatorLink = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productComparatorLink' + code); if (comparatorLink) { var cmpText = (comparator) ? texts.removeComparator : texts.addComparator; comparatorLink.title = cmpText; } var comparatorIcon = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productComparatorIcon' + code); if (comparatorIcon) { var cmpIcon = (comparator) ? '/icons/comparador_on-18.svg' : '/icons/comparador_off-18.svg'; comparatorIcon.setAttribute('src', texts.imagesPath + cmpIcon); } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeDescription(code, description) { var elem = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productLink2' + code); if (elem) { elem.innerHTML = ((description) ? description : ''); } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeCloseUpImage(code, sku) { var button = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_finishedButton' + sku); var closeUpImage = ""; var hoverImage = ""; var noveltyData = ""; var comingSoonData = ""; var topsalesData = ""; if (button) { closeUpImage = (button.dataset.closeupimage); image = (button.dataset.image); noveltyData = (button.dataset.novelty); comingSoonData = (button.dataset.comingSoon); topsalesData = (button.dataset.topsales); } var noveltyDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_pproductNoveltyLiPD' + code); var comingSoonDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_pproductComingSoonLiPD' + code); var topsalesDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_pproductTopSalesLiPD' + code); var productDiscountPercentageDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiscountPercentageLiPD' + code); var imageDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productImageDiv' + code); if ((imageDiv)&&(imageDiv.style.backgroundImage)) { if (closeUpImage){ imageDiv.style.backgroundImage = "url('"+ closeUpImage+ "')"; } else { imageDiv.style.backgroundImage = "url('"+ image+ "')"; } } $('.tags').hide(); setTimeout(() => { if (noveltyDiv) { if (noveltyData == 'true'){ noveltyDiv.style.display = "block"; } else { noveltyDiv.style.display = "none"; } } if (comingSoonDiv) { if (comingSoonData == 'true'){ comingSoonDiv.style.display = "block"; } else { comingSoonDiv.style.display = "none"; } } if (topsalesDiv) { if (topsalesData == 'true') { topsalesDiv.style.display = "block"; } else { topsalesDiv.style.display = "none"; } } $('.tags').show(); }, 10); if (productDiscountPercentageDiv) { console.log("Ingrese offer"); console.log(productDiscountPercentageDiv); var divPD='_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiscountPercentageLiPD' + code; $("#"+divPD.replaceAll(".","\\.")).show(); } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDistribChangeLink(code, sku) { if (code) { var productDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productDiv' + code); if (productDiv) { var baseUrl = productDiv.dataset.url; if (baseUrl) { var url = _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productListSetURLParameter(baseUrl, 'sku', sku); var a1 = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productLink1' + code); if (a1) {a1.href = url;} var a2 = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productLink2' + code); if (a2) {a2.href = url;} } } } } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productListSetURLParameter(url, name, value) { var index = url.indexOf('?'); if (index > 0) { var body = url.substring(0, index), query = url.substring(index); index = query.indexOf(name + '='); if (index >= 0) { var index2 = query.indexOf('&', index); if (index2 < 0) {index2 = query.indexOf('#', index)} query = query.substring(0, index + name.length + 1) + value + ((index2 > 0) ? query.substring(index2) : ''); url = body + query; } else { index = url.indexOf('#'); if (index >= 0) {url = url.substring(0, index) + '&' + name + '=' + value + url.substring(index);} else {url += '&' + name + '=' + value;} } } else { index = url.indexOf('#'); if (index >= 0) {url = url.substring(0, index) + '?' + name + '=' + value + url.substring(index);} else {url += '?' + name + '=' + value;} } return url; } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productListGetNotificationData(code, notificationIcon, notificationText, texts, typeUrl) { var data = {}; var imageDiv = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productImageDiv' + code); if ((imageDiv)&&(imageDiv.style.backgroundImage)) { data.image = imageDiv.style.backgroundImage.slice(4, -1).replace(/['"]/g, ''); } var collectionName = '', collectionUrl = '', productName = '', productUrl = '', productReference = '', finishedName = '', finishedImage = '', productDimensions = '', productPrice = '', finishedPriceStrikethrough = '', rrpLabel = '', priceTextNoSub = ''; var collectionLink = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productCollectionLink' + code); if (collectionLink) { collectionName = collectionLink.innerHTML; collectionUrl = collectionLink.href; } var productLink = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productLink2' + code); if (productLink) { productName = productLink.innerHTML; productUrl = productLink.href; } var productSpan = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productCodeSpan' + code); if (productSpan) {productReference = productSpan.innerHTML;} var sku = productDistribSelectedFinisheds[code]; if (sku) { var finishedButton = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_finishedButton' + sku); if (finishedButton) { finishedName = finishedButton.title; var finishedButtonSpan = document.querySelector('#_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_finishedButton' + sku +' span'); if (finishedButtonSpan) { finishedImage = finishedButtonSpan.style.backgroundImage.slice(4, -1).replace(/['"]/g, ''); } } } var productSizeP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productSizeP' + code); if (productSizeP) {productDimensions = productSizeP.innerHTML;} var productPriceP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productPriceP' + code); if ((productPriceP)&&($(productPriceP).is(":visible"))) {productPrice = productPriceP.innerHTML;} var finishedPriceStrikethroughP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_priceStrikethroughBlack' + code); if (finishedPriceStrikethroughP) {finishedPriceStrikethrough = finishedPriceStrikethroughP.text;} var rrpLabelP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_rrpLabel' + code); if (rrpLabelP) {rrpLabel = rrpLabelP.text;} var priceTextNoSubP = document.getElementById('_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_priceBlue' + code); if (priceTextNoSubP) {priceTextNoSub = priceTextNoSubP.text;} data.content = ''; if (collectionName) { data.content += '<p class="coleccion">' + '<a href="' + collectionUrl + '">' + collectionName + '</a>' + '</p>'; } if (productName) { data.content += '<h3 class="title-producto">' + '<a href="' + productUrl + '">' + productName + '</a>' + '</h3>'; } if (productReference) { data.content += '<p class="reference">' + productReference + '</p>'; } if (finishedImage) { data.content += '<div class="colors">' + '<div aria-label="' + finishedName + '" class="fondo selected" role="img">' + '<span style="background-image:url(\'' + finishedImage + '\')"></span>' + '</div>' + '</div>'; } data.content += '<div class="dades">'; if (productDimensions) {data.content += '<p class="sizes">' + productDimensions + '</p>';} // if (productPrice) {data.content += '<p class="pricePretty">' + productPrice + '</p>';} if (productPrice) {data.content += '<p class="price">' + productPrice + '</p>';} data.content += '</div>'; // data.content += '<div class="dades-precios">' + // '<p class="price-list">'; // if (rrpLabel) {data.content += rrpLabel + ': ';} // data.content += '</p>' + // '<span class="priceStrikethrough-black">'; // if (finishedPriceStrikethrough) {data.content += finishedPriceStrikethrough;} // data.content += '</span>'; // data.content += '<span class="blue-number-left">'; // if (priceTextNoSub) {data.content += priceTextNoSub;} // data.content += '</span>'; // data.content += '</div>'; data.icon = ''; if (notificationIcon) {data.icon += '<img class="svg" src="' + texts.imagesPath + '/icons/' + notificationIcon + '" />';} if (notificationText) {data.icon += '<span>' + notificationText + '</span>';} data.url = typeUrl; data.text = texts.goToProduct; return data; } function _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productListShowNotification(code, icon, action, texts, typeUrl) { var data = _ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_productListGetNotificationData(code, icon, action, texts, typeUrl); displayNotification(data.image, data.content, data.icon, data.url, data.text); } /** * Genera el bloque HTML para las etiquetas personalizadas (customTags). * * @param {Array} customTags - Array de objetos que representan las etiquetas personalizadas del producto. * - Se espera que el array est� ordenado previamente. * - Se espera que contenga �nicamente las etiquetas activas. * @param {string} size - Tama�o de etiqueta [ large | small ] * @param {string} styleTag - Estilo de etiqueta [solid(defecto) | subtle | outline] * @param {string} placement - Lugar de renderizado de etiqueta [default | alternative] * @returns {string} HTML generado con el bloque de etiquetas personalizadas. */ function customTagsGetHTML(customTags, size, styleTag, placement) { var baseURL = "https://www.gala.es"; var customTagsHtml = ''; // Valor por defecto si no se pasa styleTag styleTag = styleTag || 'solid'; if (customTags && customTags.length > 0) { customTagsHtml += '<div class="custom-tags--wrapper">'; customTags.forEach(function(tag) { var isDefault = tag.position === 'DEFAULT' && placement === 'default'; var isAlternative = tag.position === 'ALTERNATIVE' && placement === 'alternative'; var typeSize = size; var hasTitle = tag.title.trim() !== ""; var hasUrlFriendly = tag.friendlyURL && tag.friendlyURL.trim()!== ""; if ((isDefault || isAlternative) && hasTitle) { // Estilos din�micos (sobre-escriben a los del theme) var style = ''; if(styleTag === 'outline'){ if (tag.textColor && tag.textColor.trim() !== '') { if(tag.textColor !== "#ffffff" && tag.textColor !== "#fff"){ style += 'color:' + tag.textColor + ';'; style += 'outline: 2px solid ' + tag.textColor + ';'; } } else if (tag.backgroundColor && tag.backgroundColor.trim() !== '') { if(tag.backgroundColor !== "#ffffff" && tag.backgroundColor !== "#fff"){ style += 'color:' + tag.backgroundColor + ';'; style += 'outline: 2px solid ' + tag.backgroundColor + ';'; } } style += 'background-color: #ffffff;'; } else { if (tag.textColor && tag.textColor.trim() !== '') { style += 'color:' + tag.textColor + ';'; } if (tag.backgroundColor && tag.backgroundColor.trim() !== '') { style += 'background-color:' + tag.backgroundColor + ';'; } } customTagsHtml += '<span class="custom-tags__item'; if(typeSize === 'small'){ customTagsHtml += ' custom-tags__item--small'; } else { customTagsHtml += ' custom-tags__item--large'; } if(hasUrlFriendly){ customTagsHtml += ' js-hover'; } customTagsHtml += ' custom-tags__item--' + styleTag; customTagsHtml += '"'; if (style !== '') { customTagsHtml += ' style="' + style + '"'; } if(hasUrlFriendly){ customTagsHtml += 'onclick="window.location.href=\'' + tag.friendlyURL + '\'"'; } customTagsHtml += '>'; customTagsHtml += tag.title; customTagsHtml += '</span>'; } }); customTagsHtml += '</div>'; } return customTagsHtml; } </script> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_ProductProps_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_ProductProps_INSTANCE_pqOZBaKvP0PA_"> <span id="p_ProductProps_INSTANCE_pqOZBaKvP0PA"></span> <section class="portlet" id="portlet_ProductProps_INSTANCE_pqOZBaKvP0PA"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Product Properties</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <style type="text/css"> .pestana-ficha .jumbotron#pVid { background-image: url('https://www.gala.es/o/local-brands-theme/images/img.jpg'); } /* MOBILE */ @media (max-width: 767px) { .pestana-ficha .jumbotron#pVid { background-image: url('https://www.gala.es/o/local-brands-theme/images/img.jpg'); } } /* TABLET */ @media (min-width: 768px) and (max-width: 1024px) { .pestana-ficha .jumbotron#pVid { background-image: url('https://www.gala.es/o/local-brands-theme/images/img.jpg'); } } </style> <link rel="preload" href="https://www.gala.es/o/local-brands-theme/css/tab-card-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.gala.es/o/local-brands-theme/css/tab-card-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000"></noscript> <section class="pestana-ficha " id="anclaProductProps"> <div class="container"> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs justify-content-start" id="tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#pane-A" id="tab-A" role="tab"> Instalación y mantenimiento </a> </li> </ul> <div class="tab-content" id="content" role="tablist"> <div aria-labelledby="tab-A" class="card tab-pane fade show active" id="pane-A" role="tabpanel"> <div class="card-header" id="heading-A" role="tab"> <h5 class="mb-0"><a aria-controls="collapse-A" aria-expanded="true" data-toggle="collapse" href="#collapse-A"> Instalación y mantenimiento <span class="arrow"></span> </a></h5> </div> <div aria-labelledby="heading-A" class="collapse show" data-parent="#content" id="collapse-A" role="tabpanel"> <div class="card-body"> <div class="row justify-content-between"> <div class="col-12 col-lg-4"> <ul class="list-ficha"> <li> <a class="icon-pdf descarga" href="/GalaResourceServlet/resources/getMainResource?idObject=b5237d3e4183cde62f6940d355e1c0a5" target="">Mounting Instructions - Documents (4.3 MB)</a> </li> </ul> <div style="display: none;" class="imgFav favManuals" data-code="G5041200" data-pfid="0"> <img class="mark-documento js-mark-documento" title="Añadir documento a mis documentos" alt="Añadir documento a mis documentos" src="https://www.gala.es/o/local-brands-theme/images/icons/mark-24.svg" onclick="javascript:setFavorite($(this));"> </div> </div> <div class="col-12 col-lg-6"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script type="text/javascript"> var userProfessional = false; var productCode = ''; productCode = 'G5041200'; $(document).ready(function() { if ((userProfessional)&&(productCode)) { showFavData(); setFavorites(productCode); } }); function showFavData() { var imgFav = document.getElementsByClassName("imgFav"); if (imgFav) { for (var i = 0; i < imgFav.length; i++) { if (imgFav[i].style) {imgFav[i].style.removeProperty("display");} } } } function setFavorites(productCode) { var resourceURL = 'https://www.gala.es/productos/producto?p_p_id=ProductProps_INSTANCE_pqOZBaKvP0PA&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage'; var namespace = '_ProductProps_INSTANCE_pqOZBaKvP0PA_'; var data = {}; data[namespace + 'resourceAction'] = 'resourceSetFavs'; data[namespace + 'resourceCode'] = productCode; $.ajax({ url : resourceURL, method : 'post', data : data }).done( function(result) { if ((result.success)&&(result.results)) { var results = result.results; var pft, pfid; var favManualsDiv = document.querySelector(".imgFav.favManuals"); var favCertificationsDiv = document.querySelector(".imgFav.favCertifications"); var favCadsDiv = document.querySelector(".imgFav.favCads"); var favTechnicalsDiv = document.querySelector(".imgFav.favTechnicals"); var favWaterflowDiv = document.querySelector(".imgFav.favWaterflow"); for (var i = 0; i < results.length; i++) { pft = results[i].professionalFileType; pfid = results[i].professionalFileItemId; if ((pft)&&(pfid)&&(pfid !== '0')) { if ((favManualsDiv)&&(pft === 'MANUAL')) { favManualsDiv.dataset.pfid = pfid; favManualsDiv.classList.add("active"); } else if ((favCertificationsDiv)&&(pft === 'CERTIFICATIONS')) { favCertificationsDiv.dataset.pfid = pfid; favCertificationsDiv.classList.add("active"); } else if ((favCadsDiv)&&(pft === 'CAD')) { favCadsDiv.dataset.pfid = pfid; favCadsDiv.classList.add("active"); } else if ((favTechnicalsDiv)&&(pft === 'TECHNICAL')) { favTechnicalsDiv.dataset.pfid = pfid; favTechnicalsDiv.classList.add("active"); } else if ((favWaterflowDiv)&&(pft === 'WATERFLOW')) { favWaterflowDiv.dataset.pfid = pfid; favWaterflowDiv.classList.add("active"); } } } } }); } function setFavorite(element) { var div = $(element).parent("div"); var _class = div.attr("class"); var resourceSetFav = ''; if (_class.indexOf('favManuals') !== -1) { resourceSetFav = 'resourceSetFavManual'; } else if (_class.indexOf('favCertifications') !== -1) { resourceSetFav = 'resourceSetFavCertifications'; } else if (_class.indexOf('favCads') !== -1) { resourceSetFav = 'resourceSetFavCads'; } else if (_class.indexOf('favTechnicals') !== -1) { resourceSetFav = 'resourceSetFavTechnicals'; } else if (_class.indexOf('favWaterflow') !== -1) { resourceSetFav = 'resourceSetFavWaterflow'; } if (div && _class && resourceSetFav) { var resourceURL = 'https://www.gala.es/productos/producto?p_p_id=ProductProps_INSTANCE_pqOZBaKvP0PA&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', namespace = '_ProductProps_INSTANCE_pqOZBaKvP0PA_'; var pfid = div.data('pfid'), code = div.data('code'); var data = {}; data[namespace + 'resourceAction'] = resourceSetFav; data[namespace + 'resourceProfessionalFileItemId'] = pfid; data[namespace + 'resourceCode'] = code; $.ajax({ url : resourceURL, method : 'post', data : data }).done( function(result) { if (result.success) { result.active ? div.addClass('active') : div.removeClass('active'); div.data('pfid', result.professionalFileItemId); var text = (result.active) ? 'El documento seleccionado ha sido añadido a tus favoritos' : 'The selected file has been deleted from your favorites'; var iconimg = (result.active) ? 'markon-24.svg' : 'mark-24.svg'; var icon = '<img class="svg" src="' + 'https://www.gala.es/o/local-brands-theme/images' + '/icons/' + iconimg + '" /><span>' + text + '</span>' displayNotification(null, null, icon, 'https://www.gala.es/area-usuario?section=files', 'ir'); } }); } } </script> <style> .pestana-ficha .tab-content ul.list-ficha { display: inline-block; } .mark-documento { margin-left: 15px; cursor: pointer; } .imgFav.favManuals, .imgFav.favCertifications, .imgFav.favTechnicals, .imgFav.favWaterflow { display: inline-block; vertical-align: top; } .imgFav .mark-documento:hover { margin-left: 15px; background: url('https://www.gala.es/o/local-brands-theme/images/icons/markon-24.svg'); } .favManuals.active .mark-documento, .favCertifications.active .mark-documento, .favCads.active .mark-documento, .favTechnicals.active .mark-documento, .favWaterflow.active .mark-documento { background: url('https://www.gala.es/o/local-brands-theme/images/icons/markon-24.svg'); margin-left: 15px; } .favManuals.active .mark-documento:hover, .favCertifications.active .mark-documento:hover, .favCads.active .mark-documento:hover, .favTechnicals.active .mark-documento:hover, .favWaterflow.active .mark-documento:hover { background: url('https://www.gala.es/o/local-brands-theme/images/icons/markon-24.svg'); margin-left: 15px; } .favCads .mark-documento { margin-top: 20px; float: right; } </style> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_ProdBundleList_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_ProdBundleList_INSTANCE_sdx2RwPdNNEd_"> <span id="p_ProdBundleList_INSTANCE_sdx2RwPdNNEd"></span> <section class="portlet" id="portlet_ProdBundleList_INSTANCE_sdx2RwPdNNEd"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Product Bundle List</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <style type="text/css"> .open-product-bundle { background-image: url('https://www.gala.es/o/local-brands-theme/images/icons/chevron_down-24.svg'); } .close-product-bundle { background-image: url('https://www.gala.es/o/local-brands-theme/images/icons/chevron_up-24.svg'); } </style> <link rel="preload" href="https://www.gala.es/o/local-brands-theme/css/product-bundle-ficha-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.gala.es/o/local-brands-theme/css/product-bundle-ficha-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000"></noscript> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_ProductDistributor_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_ProductDistributor_INSTANCE_00o6hlVjdt4Q_"> <span id="p_ProductDistributor_INSTANCE_00o6hlVjdt4Q"></span> <section class="portlet" id="portlet_ProductDistributor_INSTANCE_00o6hlVjdt4Q"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Product Distributor</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <link rel="preload" href="https://www.gala.es/o/local-brands-theme/css/product-distribuidor-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.gala.es/o/local-brands-theme/css/product-distribuidor-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000"></noscript> <section class="producto-distribuidor js-isLiferay " id="anclaProductDistributor__ProductDistributor_INSTANCE_00o6hlVjdt4Q_"> <div class=" top-top number--black"></div> <div class=" top-bottom number--black"></div> <div class="container"> <div class="row"> <div class="col-12"> <h2 class="title">Productos similares</h2> </div> </div> <div class="slider-producto"> <div class="row js-slider-producto" data-col="4"> <div class="col"> <div class="wrapper-producto _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv" id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDivG5041300" data-url="/productos/mecanismo-universal-descarga-simple-G5041300"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041300" href="/productos/mecanismo-universal-descarga-simple-G5041300?sku=G5041300"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041300" class="wrapper-img" role="img" title="Mecanismos MECANISMOS G5041300 Gala" aria-label="Mecanismo Universal de descarga simple" style="background-image: url('/GalaResourceServlet/resources/getTransformation?idObject=6e6d4e4c0dec503a1c879c24f3f19c65&trName=TF_Web_Big')"> </div> </a> <div class="wrapper-text"> <div class="salesNoveltyContainer"> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productNoveltySpanG5041300" class="tag_novelty" style="display:none;">Novedad</span></div> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productComingSoonSpanG5041300" class="tag_novelty tag_comingsoon" style="display:none;">ComingSoon</span></div> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productTopSalesSpanG5041300" class="tag_topsales" style="display:none;">TopSales</span></div> </div> <p class="coleccion"> <a href="/colecciones/colecciones-bano/mecanismos"> MECANISMOS </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041300" href="/productos/mecanismo-universal-descarga-simple-G5041300?sku=G5041300"> Mecanismo Universal de descarga simple </a> </h3> <div class="colors"> </div> <div class="dades"> <div class = "customTagsAlternativeContainer" style="display: none;"></div> </div> </div> <div class="sold-out" style="display:none;"> <p>Producto descatalogado</p> </div> </div> </div> <div class="col"> <div class="wrapper-producto _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv" id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDivG5041400" data-url="/productos/mecanismo-universal-alimentacion-inferior-G5041400"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041400" href="/productos/mecanismo-universal-alimentacion-inferior-G5041400?sku=G5041400"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041400" class="wrapper-img" role="img" title="Mecanismos MECANISMOS G5041400 Gala" aria-label="Mecanismo Universal alimentación inferior" style="background-image: url('/GalaResourceServlet/resources/getTransformation?idObject=68713bd4b51c42ed9e91764d447cf499&trName=TF_Web_Big')"> </div> </a> <div class="wrapper-text"> <div class="salesNoveltyContainer"> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productNoveltySpanG5041400" class="tag_novelty" style="display:none;">Novedad</span></div> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productComingSoonSpanG5041400" class="tag_novelty tag_comingsoon" style="display:none;">ComingSoon</span></div> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productTopSalesSpanG5041400" class="tag_topsales" style="display:none;">TopSales</span></div> </div> <p class="coleccion"> <a href="/colecciones/colecciones-bano/mecanismos"> MECANISMOS </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041400" href="/productos/mecanismo-universal-alimentacion-inferior-G5041400?sku=G5041400"> Mecanismo Universal alimentación inferior </a> </h3> <div class="colors"> </div> <div class="dades"> <div class = "customTagsAlternativeContainer" style="display: none;"></div> </div> </div> <div class="sold-out" style="display:none;"> <p>Producto descatalogado</p> </div> </div> </div> <div class="col"> <div class="wrapper-producto _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv" id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDivG5041500" data-url="/productos/mecanismo-universal-alimentacion-lateral-G5041500"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041500" href="/productos/mecanismo-universal-alimentacion-lateral-G5041500?sku=G5041500"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041500" class="wrapper-img" role="img" title="Mecanismos MECANISMOS G5041500 Gala" aria-label="Mecanismo Universal alimentación lateral" style="background-image: url('/GalaResourceServlet/resources/getTransformation?idObject=250e121757e5d23e25ebd9cf85dd4c95&trName=TF_Web_Big')"> </div> </a> <div class="wrapper-text"> <div class="salesNoveltyContainer"> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productNoveltySpanG5041500" class="tag_novelty" style="display:none;">Novedad</span></div> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productComingSoonSpanG5041500" class="tag_novelty tag_comingsoon" style="display:none;">ComingSoon</span></div> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productTopSalesSpanG5041500" class="tag_topsales" style="display:none;">TopSales</span></div> </div> <p class="coleccion"> <a href="/colecciones/colecciones-bano/mecanismos"> MECANISMOS </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041500" href="/productos/mecanismo-universal-alimentacion-lateral-G5041500?sku=G5041500"> Mecanismo Universal alimentación lateral </a> </h3> <div class="colors"> </div> <div class="dades"> <div class = "customTagsAlternativeContainer" style="display: none;"></div> </div> </div> <div class="sold-out" style="display:none;"> <p>Producto descatalogado</p> </div> </div> </div> </div> </div> </div> <div class=" bottom-top number--black"></div> <div class=" bottom-bottom number--black"></div> </section> <script type="text/javascript"> var textOffer = 'offer'; $(window).on("load", function() { let isCelite = false; let isCosmic = false; $('#anclaProductDistributor__ProductDistributor_INSTANCE_00o6hlVjdt4Q_ .fondo.selected').each(function() { var code = $(this).attr('data-product'); var sku = $(this).attr('data-sku'); var favorite = ($(this).attr('data-favorite') == 'true'); var comparator = ($(this).attr('data-comparator') == 'true'); productDistribSelectedFinisheds[code] = sku; _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeFavoriteButton(code, sku, favorite, productDistribTexts); _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeComparatorButton(code, sku, comparator, productDistribTexts); if(isCosmic){ _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeCloseUpImage(code, sku); } }); var pwf = [{"comparator":false,"productCode":"G5041300","code":"G5041300","favorite":false},{"comparator":false,"productCode":"G5041400","code":"G5041400","favorite":false},{"comparator":false,"productCode":"G5041500","code":"G5041500","favorite":false}]; for(var i = 0; i < pwf.length; i++) { var product = pwf[i]; var productCode = product.productCode; var code = product.code; var favorite = product.favorite; var comparator = product.comparator; productDistribSelectedFinisheds[productCode] = code; _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeFavoriteButton(productCode, code, favorite, productDistribTexts); _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeComparatorButton(productCode, code, comparator, productDistribTexts); } var productTagsInfo = document.productTagsInfo; var $container = $('._ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv'); if(isCosmic){ $container = $('._ProductDistributor_INSTANCE_00o6hlVjdt4Q_wrapper-producto'); } $container.each(function(index, element) { var $button = $(element).find('button.fondo'); var dataTags = $button.attr('data-tags'); if( dataTags && dataTags.length > 0 ){ var activeTagCodes = dataTags? dataTags.split(',').map(tag => tag.trim().toUpperCase()): []; var customTagsArray = productTagsInfo && Object.values(productTagsInfo).filter(tag =>activeTagCodes.includes(tag.code.toUpperCase())) .map(tag => ({ ...tag, position: tag.position ? tag.position.toUpperCase() : '' })); $(element).find(".customTagsDefaultContainer").html(customTagsGetHTML(customTagsArray, 'large', 'solid', 'default')); $(element).find(".customTagsAlternativeContainer").html(customTagsGetHTML(customTagsArray, 'small', 'subtle', 'alternative')); //Init theme hover if (typeof setupHoverEffects === "function") {setupHoverEffects()}; } }); }); var productDistribSelectedFinisheds = {}; var productDistribTexts = { 'namespace' : '_ProductDistributor_INSTANCE_00o6hlVjdt4Q_', 'resourceURL' : 'https://www.gala.es/productos/producto?p_p_id=ProductDistributor_INSTANCE_00o6hlVjdt4Q&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', 'imagesPath' : 'https://www.gala.es/o/local-brands-theme/images', 'goToProduct' : 'ir', 'addFavorite' : 'Añadir producto a favoritos', 'removeFavorite' : 'Eliminar producto de favoritos', 'addComparator' : 'Añadir producto a comparador', 'removeComparator' : 'Eliminar producto de comparador', 'favoriteAdded' : 'El producto ha sido añadido a tus favoritos', 'favoriteRemoved' : 'El producto ha sido eliminado de tus favoritos', 'comparatorAdded' : 'El producto ha sido añadido a tu comparador', 'comparatorRemoved' : 'El producto ha sido eliminado de tu comparador' }; function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_onProductDistribFinishedClicked(button) { var isCosmic = false; var isRoca = false; var isAlape = false; var isCelite = false; var favorite = (button.dataset.favorite == 'true'), comparator = (button.dataset.comparator == 'true'), sku = (button.dataset.sku), code = (button.dataset.product), description = (button.dataset.description), finishedTags = button.dataset.tags; _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangePrettyPriceFinished(button, productDistribTexts); _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeFavoriteButton(code, sku, favorite, productDistribTexts); _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeComparatorButton(code, sku, comparator, productDistribTexts); _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeDescription(code, description); productDistribSelectedFinisheds[code] = sku; _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeLink(code, sku); if(isLaufen){ var displaysku = button.dataset.displaysku; if(displaysku) { $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productCodeSpan'+code+'"]').html('REF: '+displaysku);} }else if(isAlape){ var displaysku = button.dataset.displaysku; if((displaysku!=null)&&(displaysku!="")&&(displaysku!==undefined)&&(displaysku.trim().startsWith("VA"))){ displaysku = displaysku.replace("VA",""); } if(displaysku) { $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productCodeSpan'+code+'"]').html('REF: '+displaysku);} }else if(isCosmic){ productDistribChangeCloseUpImage(code, sku); }else{ var novelty = (button.dataset.novelty == 'true'); var comingSoon = (button.dataset.comingsoon == 'true'); var topsales = (button.dataset.topsales == 'true'); $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productNoveltySpan'+code+'"]').hide(); $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productComingSoonSpan'+code+'"]').hide(); $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productTopSalesSpan'+code+'"]').hide(); if(novelty) { $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productNoveltySpan'+code+'"]').show();} if(comingSoon) { $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productComingSoonSpan'+code+'"]').show();} if(topsales) { $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productTopSalesSpan'+code+'"]').show();} } if(isAlape){ var displaysku = button.dataset.displaysku; if((displaysku!=null)&&(displaysku!="")&&(displaysku!==undefined)&&(displaysku.trim().startsWith("VA"))){ displaysku = displaysku.replace("VA",""); } if(displaysku) { $('[id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productCodeSpan'+code+'"]').html('REF: '+displaysku);} } if(isCosmic){ _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeCloseUpImage(code, sku); } var $container = $('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_finishedButton' + sku).closest('._ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv'); if(isCosmic){ $container = $('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_finishedButton' + sku).closest('.wrapper-producto'); } $container.find(".customTagsDefaultContainer").html(""); $container.find(".customTagsAlternativeContainer").html(""); if(finishedTags && finishedTags.split(',').length > 0){ var productTagsInfo = document.productTagsInfo; var activeTagCodes = finishedTags? finishedTags.split(',').map(tag => tag.trim().toUpperCase()): []; var customTagsArray = productTagsInfo && Object.values(productTagsInfo).filter(tag => activeTagCodes.includes(tag.code.toUpperCase())) .map(tag => ({ ...tag, position: tag.position ? tag.position.toUpperCase() : '' })); if (productTagsInfo && customTagsArray.length > 0) { $container.find(".customTagsDefaultContainer").html(customTagsGetHTML(customTagsArray, 'large', 'solid', 'default')); $container.find(".customTagsAlternativeContainer").html(customTagsGetHTML(customTagsArray, 'small', 'solid', 'alternative')); } if(isCelite){ if( $("#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP" + code).html() != "" && $("#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP" + code).is(":visible")){ $container.find(".customTagsAlternativeContainer").show(); }else{ $container.find(".customTagsAlternativeContainer").hide(); } } //Init theme hover if (typeof setupHoverEffects === "function") {setupHoverEffects();} } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangePrettyPriceFinished(button, texts) { var code = button.dataset.product, sku = button.dataset.sku, rrpText = button.dataset.rrptext, rrpLabel = button.dataset.rrplabel, priceTextNoSub = button.dataset.pricetextnosub, priceStrikeThrough = button.dataset.pricestrikethrough, showPrettyPrices = button.dataset.showprettyprice, label = button.dataset.pricelabel, price = button.dataset.price; var isCosmic = false; var onlinePriceWrapperDiv = document.getElementById('js-online-price-wrapper' + code); if ((code)&&(sku)) { var rrpLabelP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_rrpLabel' + code), priceStrikethroughBlackP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_priceStrikethroughBlack' + code), priceBlueP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_priceBlue' + code), priceP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP' + code); if (showPrettyPrices === 'true') { if (priceP && rrpLabel && rrpText) {priceP.innerHTML = rrpLabel + ' : <span>' + rrpText + '</span>';productListShowElement(priceP);} if (rrpLabelP && label) {rrpLabelP.innerHTML = label + ": ";} if (priceStrikethroughBlackP) { if (priceStrikeThrough && (priceStrikeThrough!= 'undefined')) { priceStrikethroughBlackP.innerHTML = priceStrikeThrough; priceStrikethroughBlackP.style.display = 'inline'; priceBlueP.style.display = 'block' } else { priceStrikethroughBlackP.style.display = 'none'; priceBlueP.style.display = 'inline' } } if (priceBlueP && priceTextNoSub) {priceBlueP.innerHTML = priceTextNoSub;} if (onlinePriceWrapperDiv) {onlinePriceWrapperDiv.style.display = 'block';} } else { if (onlinePriceWrapperDiv) {onlinePriceWrapperDiv.style.display = 'none';} // Yari 08/06/2023 Temporal fix, this should be analyzed and re-factored if (priceP) { if ((label)&&(priceTextNoSub)) { priceP.innerHTML = !isCosmic ? label + ' : ' + priceTextNoSub.replace('<sub>', '').replace('</sub>', '') : priceTextNoSub.replace('<sub>', '').replace('</sub>', ''); productListShowElement(priceP); } else { productListHideElement(priceP); } } // Yari 08/06/2023 End temporal fix } var isCelite = false; if(isCelite){ var contentPrice = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP' + code); var measures = "" if($('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productSizeP' + code).length > 0){ measures = $('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productSizeP' + code).text(); } var contentDiscount = $('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv' + code + ' .product-discount-wrapper'); var contentDades=$('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv' + code + ' .dades'); if (priceStrikeThrough && (priceStrikeThrough !== 'undefined')) { var discount = getDiscountPercentage(priceStrikeThrough,price); if(typeof contentDiscount.html() !== "undefined"){ contentDiscount.removeAttr('Style', 'display:none'); $('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv' + code +' .product-discount-wrapper').find('.priceStrikethrough').text( priceStrikeThrough ); $('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv' + code +' .product-discount-wrapper').find('.discountPercentage').text('('+ discount +'%)'); }else{ contentDades.html( '<p id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productSizeP'+ code +'" class="sizes">'+ measures +'</p>'+ '<div class="product-discount-wrapper">'+ '<span class="priceStrikethrough">'+ priceStrikeThrough +'</span>'+ '<span class="discountPercentage">('+ discount +'%)</span>'+ '</div>'+ '<p id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP'+ code +'" class="price"></p>'); } }else if(typeof contentDiscount.html() !== "undefined" ){ contentDiscount.attr('Style', 'display:none'); } if(!contentPrice){ contentDades.html( '<p id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productSizeP'+ code +'" class="sizes">'+ measures +'</p>'+ '<p id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP'+ code +'" class="price"></p>'); } const priceValue = price.split(':')[1]?.trim(); const financingPriceId = '_ProductDistributor_INSTANCE_00o6hlVjdt4Q_financingPriceP' + code; // Eliminar el elemento si ya existe $('#' + financingPriceId).remove(); if(priceValue && priceValue !== 'null'){ contentDades.append('<p id="' + financingPriceId + '" class="price-financing-info"></p>'); } getFinancingProduct(price,code); cleanPrice(price,code); contentPrice = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP' + code); if(contentPrice){ if ((label)&&(priceTextNoSub)) { productListShowElement(contentPrice); contentPrice.innerHTML = priceTextNoSub; } else { productListHideElement(contentPrice); } } } } } function cleanPrice(price,code){ price = price.replace(/[^0-9,]+/g, ""); $('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv' + code +' .dades').find('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP' + code).text('R$ '+ price); } function getDiscountPercentage (priceOld , priceNew) { priceOld = priceOld.replace(/[^0-9,]+/g, ""); priceOld = parseFloat(priceOld.replace(/,/g,".")); priceNew = priceNew.replace(/[^0-9,]+/g, ""); priceNew = parseFloat(priceNew.replace(/,/g,".")); let percentageDiscount = null; if (priceOld !== 0 && priceNew !== priceOld && priceNew !== 0) { percentageDiscount = (((100 * ( priceNew - priceOld) / priceOld)) ).toFixed(); } return percentageDiscount; } function productListShowElement(obj) {$(obj).show();} function productListHideElement(obj) {$(obj).hide();} function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_onProductDistribFavoriteIconClicked(code) { _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeFavorite(code, productDistribTexts); } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_onProductDistribComparatorIconClicked(code) { _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeComparator(code, productDistribTexts); } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeFavorite(code, texts) { var sku = productDistribSelectedFinisheds[code]; if (sku) { var data = {}; data[texts.namespace + 'resourceAction'] = 'resourceSetFavorite'; data[texts.namespace + 'resourceSku'] = sku; $.ajax({ url : texts.resourceURL, method : 'post', data : data }).done(function(result) { if (result.success) { _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeFavoriteButton(code, sku, result.favorite, texts); var text = (result.favorite) ? texts.favoriteAdded : texts.favoriteRemoved; var icon = (result.favorite) ? 'favon-18.svg' : 'favoff-18.svg' _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productListShowNotification(code, icon, text, texts, 'https://www.gala.es/area-usuario?section=favorites'); } }); } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeFavoriteButton(code, sku, favorite, texts) { var button = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_finishedButton' + sku); var productDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDiv' + code); if (button) { button.dataset.favorite = favorite; button.setAttribute('data-favorite', favorite); if (productDiv) { productDiv.title = button.dataset.alt; } } var favoriteLink = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productFavoriteLink' + code); if (favoriteLink) { var favText = (favorite) ? texts.removeFavorite : texts.addFavorite; favoriteLink.title = favText; } var favoriteIcon = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productFavoriteIcon' + code); if (favoriteIcon) { var favIcon = (favorite) ? '/icons/favon-18.svg' : '/icons/favoff-18.svg'; favoriteIcon.setAttribute('src', texts.imagesPath + favIcon); } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeComparator(code, texts) { var sku = productDistribSelectedFinisheds[code]; if (sku) { var data = {}; data[texts.namespace + 'resourceAction'] = 'resourceSetComparator'; data[texts.namespace + 'resourceSku'] = sku; $.ajax({ url : texts.resourceURL, method : 'post', data : data }).done(function(result) { if (result.success) { _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeComparatorButton(code, sku, result.comparator, texts); var text = (result.comparator) ? texts.comparatorAdded : texts.comparatorRemoved; var icon = (result.comparator) ? 'comparador_on-18.svg' : 'comparador_off-18.svg' _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productListShowNotification(code, icon, text, texts, 'https://www.gala.es/area-usuario?section=comparator'); } }); } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeComparatorButton(code, sku, comparator, texts) { var button = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_finishedButton' + sku); if (button) { button.dataset.comparator = comparator; button.setAttribute('data-comparator', comparator); } var comparatorLink = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productComparatorLink' + code); if (comparatorLink) { var cmpText = (comparator) ? texts.removeComparator : texts.addComparator; comparatorLink.title = cmpText; } var comparatorIcon = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productComparatorIcon' + code); if (comparatorIcon) { var cmpIcon = (comparator) ? '/icons/comparador_on-18.svg' : '/icons/comparador_off-18.svg'; comparatorIcon.setAttribute('src', texts.imagesPath + cmpIcon); } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeDescription(code, description) { var elem = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2' + code); if (elem) { elem.innerHTML = ((description) ? description : ''); } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeCloseUpImage(code, sku) { var button = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_finishedButton' + sku); var closeUpImage = ""; var hoverImage = ""; var noveltyData = ""; var comingSoonData = ""; var topsalesData = ""; if (button) { closeUpImage = (button.dataset.closeupimage); image = (button.dataset.image); noveltyData = (button.dataset.novelty); comingSoonData = (button.dataset.comingSoon); topsalesData = (button.dataset.topsales); } var noveltyDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_pproductNoveltyLiPD' + code); var comingSoonDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_pproductComingSoonLiPD' + code); var topsalesDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_pproductTopSalesLiPD' + code); var productDiscountPercentageDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiscountPercentageLiPD' + code); var imageDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDiv' + code); if ((imageDiv)&&(imageDiv.style.backgroundImage)) { if (closeUpImage){ imageDiv.style.backgroundImage = "url('"+ closeUpImage+ "')"; } else { imageDiv.style.backgroundImage = "url('"+ image+ "')"; } } $('.tags').hide(); setTimeout(() => { if (noveltyDiv) { if (noveltyData == 'true'){ noveltyDiv.style.display = "block"; } else { noveltyDiv.style.display = "none"; } } if (comingSoonDiv) { if (comingSoonData == 'true'){ comingSoonDiv.style.display = "block"; } else { comingSoonDiv.style.display = "none"; } } if (topsalesDiv) { if (topsalesData == 'true') { topsalesDiv.style.display = "block"; } else { topsalesDiv.style.display = "none"; } } $('.tags').show(); }, 10); if (productDiscountPercentageDiv) { console.log("Ingrese offer"); console.log(productDiscountPercentageDiv); var divPD='_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiscountPercentageLiPD' + code; $("#"+divPD.replaceAll(".","\\.")).show(); } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDistribChangeLink(code, sku) { if (code) { var productDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv' + code); if (productDiv) { var baseUrl = productDiv.dataset.url; if (baseUrl) { var url = _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productListSetURLParameter(baseUrl, 'sku', sku); var a1 = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1' + code); if (a1) {a1.href = url;} var a2 = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2' + code); if (a2) {a2.href = url;} } } } } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productListSetURLParameter(url, name, value) { var index = url.indexOf('?'); if (index > 0) { var body = url.substring(0, index), query = url.substring(index); index = query.indexOf(name + '='); if (index >= 0) { var index2 = query.indexOf('&', index); if (index2 < 0) {index2 = query.indexOf('#', index)} query = query.substring(0, index + name.length + 1) + value + ((index2 > 0) ? query.substring(index2) : ''); url = body + query; } else { index = url.indexOf('#'); if (index >= 0) {url = url.substring(0, index) + '&' + name + '=' + value + url.substring(index);} else {url += '&' + name + '=' + value;} } } else { index = url.indexOf('#'); if (index >= 0) {url = url.substring(0, index) + '?' + name + '=' + value + url.substring(index);} else {url += '?' + name + '=' + value;} } return url; } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productListGetNotificationData(code, notificationIcon, notificationText, texts, typeUrl) { var data = {}; var imageDiv = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDiv' + code); if ((imageDiv)&&(imageDiv.style.backgroundImage)) { data.image = imageDiv.style.backgroundImage.slice(4, -1).replace(/['"]/g, ''); } var collectionName = '', collectionUrl = '', productName = '', productUrl = '', productReference = '', finishedName = '', finishedImage = '', productDimensions = '', productPrice = '', finishedPriceStrikethrough = '', rrpLabel = '', priceTextNoSub = ''; var collectionLink = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productCollectionLink' + code); if (collectionLink) { collectionName = collectionLink.innerHTML; collectionUrl = collectionLink.href; } var productLink = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2' + code); if (productLink) { productName = productLink.innerHTML; productUrl = productLink.href; } var productSpan = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productCodeSpan' + code); if (productSpan) {productReference = productSpan.innerHTML;} var sku = productDistribSelectedFinisheds[code]; if (sku) { var finishedButton = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_finishedButton' + sku); if (finishedButton) { finishedName = finishedButton.title; var finishedButtonSpan = document.querySelector('#_ProductDistributor_INSTANCE_00o6hlVjdt4Q_finishedButton' + sku +' span'); if (finishedButtonSpan) { finishedImage = finishedButtonSpan.style.backgroundImage.slice(4, -1).replace(/['"]/g, ''); } } } var productSizeP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productSizeP' + code); if (productSizeP) {productDimensions = productSizeP.innerHTML;} var productPriceP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productPriceP' + code); if ((productPriceP)&&($(productPriceP).is(":visible"))) {productPrice = productPriceP.innerHTML;} var finishedPriceStrikethroughP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_priceStrikethroughBlack' + code); if (finishedPriceStrikethroughP) {finishedPriceStrikethrough = finishedPriceStrikethroughP.text;} var rrpLabelP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_rrpLabel' + code); if (rrpLabelP) {rrpLabel = rrpLabelP.text;} var priceTextNoSubP = document.getElementById('_ProductDistributor_INSTANCE_00o6hlVjdt4Q_priceBlue' + code); if (priceTextNoSubP) {priceTextNoSub = priceTextNoSubP.text;} data.content = ''; if (collectionName) { data.content += '<p class="coleccion">' + '<a href="' + collectionUrl + '">' + collectionName + '</a>' + '</p>'; } if (productName) { data.content += '<h3 class="title-producto">' + '<a href="' + productUrl + '">' + productName + '</a>' + '</h3>'; } if (productReference) { data.content += '<p class="reference">' + productReference + '</p>'; } if (finishedImage) { data.content += '<div class="colors">' + '<div aria-label="' + finishedName + '" class="fondo selected" role="img">' + '<span style="background-image:url(\'' + finishedImage + '\')"></span>' + '</div>' + '</div>'; } data.content += '<div class="dades">'; if (productDimensions) {data.content += '<p class="sizes">' + productDimensions + '</p>';} // if (productPrice) {data.content += '<p class="pricePretty">' + productPrice + '</p>';} if (productPrice) {data.content += '<p class="price">' + productPrice + '</p>';} data.content += '</div>'; // data.content += '<div class="dades-precios">' + // '<p class="price-list">'; // if (rrpLabel) {data.content += rrpLabel + ': ';} // data.content += '</p>' + // '<span class="priceStrikethrough-black">'; // if (finishedPriceStrikethrough) {data.content += finishedPriceStrikethrough;} // data.content += '</span>'; // data.content += '<span class="blue-number-left">'; // if (priceTextNoSub) {data.content += priceTextNoSub;} // data.content += '</span>'; // data.content += '</div>'; data.icon = ''; if (notificationIcon) {data.icon += '<img class="svg" src="' + texts.imagesPath + '/icons/' + notificationIcon + '" />';} if (notificationText) {data.icon += '<span>' + notificationText + '</span>';} data.url = typeUrl; data.text = texts.goToProduct; return data; } function _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productListShowNotification(code, icon, action, texts, typeUrl) { var data = _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productListGetNotificationData(code, icon, action, texts, typeUrl); displayNotification(data.image, data.content, data.icon, data.url, data.text); } /** * Genera el bloque HTML para las etiquetas personalizadas (customTags). * * @param {Array} customTags - Array de objetos que representan las etiquetas personalizadas del producto. * - Se espera que el array est� ordenado previamente. * - Se espera que contenga �nicamente las etiquetas activas. * @param {string} size - Tama�o de etiqueta [ large | small ] * @param {string} styleTag - Estilo de etiqueta [solid(defecto) | subtle | outline] * @param {string} placement - Lugar de renderizado de etiqueta [default | alternative] * @returns {string} HTML generado con el bloque de etiquetas personalizadas. */ function customTagsGetHTML(customTags, size, styleTag, placement) { var baseURL = "https://www.gala.es"; var customTagsHtml = ''; // Valor por defecto si no se pasa styleTag styleTag = styleTag || 'solid'; if (customTags && customTags.length > 0) { customTagsHtml += '<div class="custom-tags--wrapper">'; customTags.forEach(function(tag) { var isDefault = tag.position === 'DEFAULT' && placement === 'default'; var isAlternative = tag.position === 'ALTERNATIVE' && placement === 'alternative'; var typeSize = size; var hasTitle = tag.title.trim() !== ""; var hasUrlFriendly = tag.friendlyURL && tag.friendlyURL.trim()!== ""; if ((isDefault || isAlternative) && hasTitle) { // Estilos din�micos (sobre-escriben a los del theme) var style = ''; if(styleTag === 'outline'){ if (tag.textColor && tag.textColor.trim() !== '') { if(tag.textColor !== "#ffffff" && tag.textColor !== "#fff"){ style += 'color:' + tag.textColor + ';'; style += 'outline: 2px solid ' + tag.textColor + ';'; } } else if (tag.backgroundColor && tag.backgroundColor.trim() !== '') { if(tag.backgroundColor !== "#ffffff" && tag.backgroundColor !== "#fff"){ style += 'color:' + tag.backgroundColor + ';'; style += 'outline: 2px solid ' + tag.backgroundColor + ';'; } } style += 'background-color: #ffffff;'; } else { if (tag.textColor && tag.textColor.trim() !== '') { style += 'color:' + tag.textColor + ';'; } if (tag.backgroundColor && tag.backgroundColor.trim() !== '') { style += 'background-color:' + tag.backgroundColor + ';'; } } customTagsHtml += '<span class="custom-tags__item'; if(typeSize === 'small'){ customTagsHtml += ' custom-tags__item--small'; } else { customTagsHtml += ' custom-tags__item--large'; } if(hasUrlFriendly){ customTagsHtml += ' js-hover'; } customTagsHtml += ' custom-tags__item--' + styleTag; customTagsHtml += '"'; if (style !== '') { customTagsHtml += ' style="' + style + '"'; } if(hasUrlFriendly){ customTagsHtml += 'onclick="window.location.href=\'' + tag.friendlyURL + '\'"'; } customTagsHtml += '>'; customTagsHtml += tag.title; customTagsHtml += '</span>'; } }); customTagsHtml += '</div>'; } return customTagsHtml; } </script> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_CollectionSlider_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_CollectionSlider_INSTANCE_3590ppsVZxQy_"> <span id="p_CollectionSlider_INSTANCE_3590ppsVZxQy"></span> <section class="portlet" id="portlet_CollectionSlider_INSTANCE_3590ppsVZxQy"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Collection Slider</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <link rel="preload" href="https://www.gala.es/o/local-brands-theme/css/collection-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.gala.es/o/local-brands-theme/css/collection-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000"></noscript> <script type="text/javascript"> $(document).ready(function() { if (window.addProductSkuChangedListener) { window.addProductSkuChangedListener(function(sku) { _CollectionSlider_INSTANCE_3590ppsVZxQy_updateCollectionSliderSection(sku); }); } }); function _CollectionSlider_INSTANCE_3590ppsVZxQy_updateCollectionSliderSection(sku) { if (sku) { $.ajax({ url : 'https://www.gala.es/productos/producto?p_p_id=CollectionSlider_INSTANCE_3590ppsVZxQy&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', method : 'post', data : { '_CollectionSlider_INSTANCE_3590ppsVZxQy_resourceAction' : 'resourceChangeSku', '_CollectionSlider_INSTANCE_3590ppsVZxQy_resourceSku' : sku } }).done(function(result) { if ((result)&&(result.success)) { var namespace = '_CollectionSlider_INSTANCE_3590ppsVZxQy_'; var parentSectionsDiv = document.querySelector('#portlet' + namespace.substring(0, namespace.length - 1) + ' .portlet-body'); var sectionDivs = document.querySelectorAll('#portlet' + namespace.substring(0, namespace.length - 1) + ' .portlet-body section'); if ((sectionDivs)&&(sectionDivs.length > 0)) {$(sectionDivs).remove();} if ((parentSectionsDiv)&&(result.csarr)&&(result.csarr.length > 0)) { var resultsArr = result.csarr; var counter = 0; var _CollectionSlider_INSTANCE_3590ppsVZxQy_collectionSliderImages = {}; for (var i = 0; i < resultsArr.length; i++) { var result = resultsArr[i]; var alt = result.alt; var dataTitle = result.dataTitle; var dataText = result.dataText; var dataUrl = result.dataUrl; var dataUrlText = result.dataUrlText; var dataImages = result.dataImages; var modalClass = false ? "has-modal" : ""; var section = document.createElement('section'); var html = ''; section.setAttribute('class', 'coleccion-slider '); html += '<div class="container"><div class="slider-blog">'; if (result.dataImages) { html += '<div class="row js-slider-blog ' + modalClass + '" data-col="2">'; for (var j = 0; j < result.dataImages.length; j++) { _CollectionSlider_INSTANCE_3590ppsVZxQy_collectionSliderImages['collection-slider-image-' + counter + '-' + namespace] = result.dataImages[j]; html += '<div class="col-12 col-md-6"><div class="tarjeta-blog"><div class="tarjeta-wrapper"><div class="image-box"><div class="image-blog collection-slider-image-' + counter + '-_CollectionSlider_INSTANCE_3590ppsVZxQy_" title="' + alt + '" role="img" aria-label="" >'; if (false) { html += '<a data-target="#modalSlider_CollectionSlider_INSTANCE_3590ppsVZxQy_' + counter + '" data-toggle="modal" role="button"><span class="velo-hover"></span></a>'; } else { html += '<span class="velo-hover"></span>'; } html += '</div></div></div></div></div>'; counter++; } html += '</div>'; } html += '<div class="row"><div class="col-12"><div class="content-wrapper">'; if (dataTitle) { html += '<h2 class="title">'; if (dataUrl) {html += '<a href="' + dataUrl + '">';} html += dataTitle; if (dataUrl) {html += '</a>';} html += '</h2>'; } if (dataText) {html += dataText;} html += '</div></div></div>'; if (false) { for (var j = 0; j < counter; j++) { var csImg = _CollectionSlider_INSTANCE_3590ppsVZxQy_collectionSliderImages['collection-slider-image-' + j + '-' + namespace]; html += '<div class="lightbox-slick-wrapper">'; html += '<div class="laufen-lightbox modal fade modal-lightbox modal-white modal-white-v2" id="modalSlider_CollectionSlider_INSTANCE_3590ppsVZxQy_' + j + '" role="dialog" tabindex="-1">'; html += '<div class="modal-dialog" role="document">'; html += '<div class="modal-content">'; html += '<div class="modal-header">'; html += '<a class="lightbox-download" href="' + csImg + '" style="margin-top: 0px;" tabindex="0">'; html += '<img alt="download" src="/o/laufen-theme/images/icons/download.svg" />'; html += '</a>'; html += '<button class="close icon-cross-24" data-dismiss="modal" type="button" aria-label="close"></button>'; html += '</div>'; html += '<div class="modal-body"><div class="slider slider-modal slick-slider"><div class="image-box">'; html += '<img class="image-blog collection-slider-image-' + j + '-_CollectionSlider_INSTANCE_3590ppsVZxQy_" alt="' + alt + '" src="' + csImg + '">'; html += '<span class="velo-hover"></span>'; html += '</div></div></div>'; html += '</div></div></div></div>'; } } if ((dataUrlText)&&(dataUrl)) { html += '<div class="row"><div class="col-12">'; html += '<a class="cta-black" href="' + dataUrl + '">' + dataUrlText + '</a>'; html += '</div></div>'; } html += '</div></div>'; section.innerHTML = html; parentSectionsDiv.append(section); } _CollectionSlider_INSTANCE_3590ppsVZxQy_getBackgroundJs(_CollectionSlider_INSTANCE_3590ppsVZxQy_collectionSliderImages); _CollectionSlider_INSTANCE_3590ppsVZxQy_initializeJsSliderBlog(); } } }); } } function _CollectionSlider_INSTANCE_3590ppsVZxQy_getBackgroundJs(collectionSliderImages) { $.each(collectionSliderImages, function(key, value) {$('.' + key).css('background-image', 'url("' + value + '")');}); } function _CollectionSlider_INSTANCE_3590ppsVZxQy_initializeJsSliderBlog() { try { var direction; var useRtl = false; (document.dir != undefined) ? direction = document.dir: direction = document.getElementsByTagName("html")[0].getAttribute("dir"); if (direction == 'rtl') { useRtl = true; } if ($('.js-slider-blog').length > 0) { $('.js-slider-blog').each(function(i, slider) { var blogSlidercols = $(slider).data('col'); $(slider).not('.slick-initialized').slick({ dots: true, arrow: false, swipeToSlide: true, rtl: useRtl, infinite: false, speed: 300, slidesToShow: blogSlidercols, responsive: [{ breakpoint: 991, settings: { dots: false, rtl: useRtl } }, { breakpoint: 767, settings: { dots: false, slidesToShow: 1, rtl: useRtl } } ] }); }) }; } catch (error) { console.log('Try set slider blog got ' + error); } } </script> <style> .laufen-lightbox { top: 20px; right: 20px; bottom: 20px; left: 20px; width: unset; height: unset; } laufen-lightbox.modal-dialog, laufen-lightbox.modal-content, laufen-lightbox.modal-body, laufen-lightbox.slider-modal, laufen-lightbox.image-box, laufen-lightbox.image-blog { width: 100%; height: 100%; } laufen-lightbox.image-blog { background-repeat: no-repeat; background-size: contain; background-position: center; } </style> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_RocaText2columns_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_RocaText2columns_INSTANCE_yYWJ4LHMtRSd_"> <span id="p_RocaText2columns_INSTANCE_yYWJ4LHMtRSd"></span> <section class="portlet" id="portlet_RocaText2columns_INSTANCE_yYWJ4LHMtRSd"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Text2Columns</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <link rel="preload" href="https://www.gala.es/o/local-brands-theme/css/textos-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.gala.es/o/local-brands-theme/css/textos-styles.css?browserId=other&themeId=localbrandstheme_WAR_localbrandstheme&minifierType=css&languageId=es_ES&t=1790581800000"></noscript> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_BasicSlider_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_BasicSlider_INSTANCE_OUTXulo8Ah9E_"> <span id="p_BasicSlider_INSTANCE_OUTXulo8Ah9E"></span> <section class="portlet" id="portlet_BasicSlider_INSTANCE_OUTXulo8Ah9E"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Basic Slider</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <style type="text/css"> /* .slider-blog .tag_novelty{ background-color: #000; padding: 0.1em 1em; color: white; font-size: 12px !important; margin: 0 5px; font-weight: 300; font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif !important; vertical-align: text-bottom; text-transform: uppercase !important; padding-bottom: 1.2px; padding-top: 3px; line-height: 15px; } .slider-blog .tag_topsales{ background-color: #00538b; padding: 0.1em 1em; color: white; font-size: 12px !important; margin: 0 5px; font-weight: 300; font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif !important; vertical-align: text-bottom; text-transform: uppercase !important; padding-bottom: 1.2px; padding-top: 3px; line-height: 15px; }*/ </style> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_GalleryNewsletterForm_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_GalleryNewsletterForm_INSTANCE_SMCrtlDXCHgj_"> <span id="p_GalleryNewsletterForm_INSTANCE_SMCrtlDXCHgj"></span> <section class="portlet" id="portlet_GalleryNewsletterForm_INSTANCE_SMCrtlDXCHgj"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <!--div class="autofit-col autofit-col-expand"> <h2 class="portlet-title-text">Gallery Newsletter Form</h2> </div--> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> </div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Oculto</button></form> </section> <footer class="footer"> <div class="container"> <!-- Lists of links --> <div class="footer-main"> <div class="row"> <div class="footer__lists" id="footer02"> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/productos" target=""> Productos </a> <span class="arrow"></span> </h2> <div class="collapseble-wrapper collapse" id="collapse-1"> <ul class="footer__list"> <li class="footer__list-item"> <a class ="footer__link" href="/colecciones" target=""> Colecciones </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/descargas" target=""> Descargas </a> <span class="arrow"></span> </h2> <div class="collapseble-wrapper collapse" id="collapse-2"> <ul class="footer__list"> <li class="footer__list-item"> <a class ="footer__link" href="/descargas/catalogos" target=""> Catálogos </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/sobre-gala/certificaciones-dops" target=""> Certificados de Calidad </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="https://areaprivada.gala.es/" target=""> Área Privada </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/sobre-gala/identidad-corporativa" target=""> Identidad Corporativa </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/sobre-gala" target=""> Sobre Gala </a> <span class="arrow"></span> </h2> <div class="collapseble-wrapper collapse" id="collapse-3"> <ul class="footer__list"> <li class="footer__list-item"> <a class ="footer__link" href="/sostenibilidad" target=""> Sostenibilidad </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/sobre-gala/50-aniversario" target=""> 50 Aniversario </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/sobre-gala/premios-empresariales" target=""> Premios Empresariales </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/sobre-gala/showroom" target=""> Showroom </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/sobre-gala/calidad-y-diseno" target=""> Calidad y diseño </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/obras-de-referencia" target=""> Obras de referencia </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="https://rocagroup.whispli.com/lp/speakup?locale=es" target="_blank"> Canal de Denuncias </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/profesionales" target=""> Profesionales </a> <span class="arrow"></span> </h2> <div class="collapseble-wrapper collapse" id="collapse-4"> <ul class="footer__list"> <li class="footer__list-item"> <a class ="footer__link" href="/profesionales/manuales-de-instalacion" target=""> Manuales de Instalación </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/profesionales/tarifa-de-repuestos" target=""> Tarifa de Repuestos </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/profesionales/contacto-sat" target=""> Contacto SAT </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/profesionales/objetos-bim" target=""> Objetos BIM </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/profesionales/videos" target=""> Vídeos de Instalación </a> </li> </ul> </div> </div> </div> </div> </div> <div class="footer-bottom"> <!-- Logo --> <div class="footer-logo"> <a href="" target=""> <img class="footer-logo__img" src="/documents/252273925/252273981/logo-gala-transparente.png/58e7b1ba-d3ef-f4c1-6494-74ad7c634777?t=1705394529773" style="width:120px;"/> </a> </div> <div class="row row-flex row-reverse-md"> <!-- Social Network --> <div class="col-12 col-md-3"> <div class="footer-social"> <ul class="footer-social__list"> <li class="footer-social__item"> <a class="footer-social__link" href="https://www.instagram.com/gala_bano" target="_blank"> <img src="/documents/252273925/252274077/instagram.png/f5530415-bcf4-4948-6146-a9de8e43bf47?t=1699547864280" data-lazy-image="" /> </a> </li> <li class="footer-social__item"> <a class="footer-social__link" href="https://www.facebook.com/gala.bano" target="_blank"> <img src="/documents/252273925/252274077/facebook.png/cc22f822-f135-196a-7705-f0fb9db6d15e?t=1699547863520" data-lazy-image="" /> </a> </li> <li class="footer-social__item"> <a class="footer-social__link" href="https://twitter.com/gala_bano" target="_blank"> <img src="/documents/252273925/252274077/x-twitter.png/3b192a29-1e98-0cc4-4e31-64142b821dba?t=1710434563458" data-lazy-image="" /> </a> </li> <li class="footer-social__item"> <a class="footer-social__link" href="https://www.youtube.com/galabano" target="_blank"> <img src="/documents/252273925/252274077/youtube.png/3bc3a26c-5cff-8995-e86e-19f81a965b50?t=1699547865484" data-lazy-image="" /> </a> </li> <li class="footer-social__item"> <a class="footer-social__link" href="https://www.linkedin.com/company/ceramicas-gala/" target="_blank"> <img src="/documents/252273925/252274077/linkedin-in.png/e6177ad8-a2e2-fafe-dd9c-d4bf407ba9dd?t=1710434562850" data-lazy-image="" /> </a> </li> </ul> </div> </div> <!-- Instituitional --> <div class="col-12 col-sm-9"> <div class="footer-institutional"> <ul class="footer-institutional__list"> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/aviso-legal" target=""> Aviso Legal </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/politica-de-cookies" target=""> Política de Cookies </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/politica-de-privacidad" target=""> Política de Privacidad </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/documents/d/local-brands/comunicado-a-los-proveedores" target=""> Metodología de valoracion de proveedores </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/proceso-de-compras-gala" target=""> Proceso de compras gala </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/politica-de-proteccion-de-datos-web" target=""> Política de proteccion de datos web </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/politica-de-proteccion-de-datos-empresa" target=""> Política de proteccion de datos empresa </a> </li> <li class="footer-institutional__item"> <button id="ot-sdk-btn" class="ot-sdk-show-settings footer-institutional__link" style="color: #9a9a9a; background: none; border: none; text-transform: uppercase; font-size: 11px; position: relative; letter-spacing: 0.7pt; cursor: pointer; padding: 0px; font-weight: bold"></button> </li> </ul> <div class="footer-institutional__copy"> <p>Copyright 2024. Gala, S.A</p> </div> </div> </div> </div> </div> </div> </footer> </div> <script type="text/javascript"> </script><script> </script> <script type="module"> import {Session} from '/o/frontend-js-web/__liferay__/legacy.js'; if (Liferay.Session && Liferay.Session.destructor) { Liferay.Session.destructor(); } Liferay.Session = new Session( { autoExtend: true, redirectOnExpire: false, redirectUrl: 'https\x3a\x2f\x2fwww\x2egala\x2ees\x2fweb\x2froca\x2f', rememberMe: false, sessionLength: 900, sessionTimeoutOffset: 70, warningLength: 60 }) </script> <script type="text/javascript"> Liferay.Portlet.register('ProductAnchors_INSTANCE_Cm03dFAeg0x6'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductAnchors_INSTANCE_Cm03dFAeg0x6_', portletId: 'ProductAnchors_INSTANCE_Cm03dFAeg0x6', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductAnchors_INSTANCE_Cm03dFAeg0x6\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) { svg4everybody( { polyfill: true, validate: function (src, svg, use) { return !src || !src.startsWith('#'); } } ); } (function() {var $ = AUI.$;var _ = AUI._; Liferay.Util.delegate( document, 'focusin', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.add('open'); } ); Liferay.Util.delegate( document, 'focusout', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.remove('open'); } ); })(); // <![CDATA[ Liferay.currentURL = '\x2fproductos\x2fmecanismo-universal-doble-descarga-G5041200'; Liferay.currentURLEncoded = '\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200'; // ]]> Liferay.Portlet.register('BasicSlider_INSTANCE_OUTXulo8Ah9E'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 13, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_BasicSlider_INSTANCE_OUTXulo8Ah9E_', portletId: 'BasicSlider_INSTANCE_OUTXulo8Ah9E', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dBasicSlider_INSTANCE_OUTXulo8Ah9E\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d13\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('GalleryNewsletterForm_INSTANCE_SMCrtlDXCHgj'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 14, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_GalleryNewsletterForm_INSTANCE_SMCrtlDXCHgj_', portletId: 'GalleryNewsletterForm_INSTANCE_SMCrtlDXCHgj', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dGalleryNewsletterForm_INSTANCE_SMCrtlDXCHgj\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d14\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProdBundleList_INSTANCE_sdx2RwPdNNEd'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 9, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProdBundleList_INSTANCE_sdx2RwPdNNEd_', portletId: 'ProdBundleList_INSTANCE_sdx2RwPdNNEd', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProdBundleList_INSTANCE_sdx2RwPdNNEd\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d9\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('VideoBanner_INSTANCE_XE9mmVsjyoJI'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 3, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_VideoBanner_INSTANCE_XE9mmVsjyoJI_', portletId: 'VideoBanner_INSTANCE_XE9mmVsjyoJI', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dVideoBanner_INSTANCE_XE9mmVsjyoJI\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d3\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('CollectionSlider_INSTANCE_3590ppsVZxQy'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 11, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_CollectionSlider_INSTANCE_3590ppsVZxQy_', portletId: 'CollectionSlider_INSTANCE_3590ppsVZxQy', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dCollectionSlider_INSTANCE_3590ppsVZxQy\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d11\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProductDistributor_INSTANCE_00o6hlVjdt4Q'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 10, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductDistributor_INSTANCE_00o6hlVjdt4Q_', portletId: 'ProductDistributor_INSTANCE_00o6hlVjdt4Q', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductDistributor_INSTANCE_00o6hlVjdt4Q\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d10\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProductNav_INSTANCE_fxKKzJuUTSOP'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 1, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductNav_INSTANCE_fxKKzJuUTSOP_', portletId: 'ProductNav_INSTANCE_fxKKzJuUTSOP', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductNav_INSTANCE_fxKKzJuUTSOP\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d1\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProductDistributor_INSTANCE_mxC86f9FbfCn'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 6, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductDistributor_INSTANCE_mxC86f9FbfCn_', portletId: 'ProductDistributor_INSTANCE_mxC86f9FbfCn', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductDistributor_INSTANCE_mxC86f9FbfCn\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d6\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProductProps_INSTANCE_pqOZBaKvP0PA'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 8, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductProps_INSTANCE_pqOZBaKvP0PA_', portletId: 'ProductProps_INSTANCE_pqOZBaKvP0PA', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductProps_INSTANCE_pqOZBaKvP0PA\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d8\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProductFeat_INSTANCE_oVd9KNNst1iS'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 5, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductFeat_INSTANCE_oVd9KNNst1iS_', portletId: 'ProductFeat_INSTANCE_oVd9KNNst1iS', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductFeat_INSTANCE_oVd9KNNst1iS\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d5\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('RocaText2columns_INSTANCE_yYWJ4LHMtRSd'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 12, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_RocaText2columns_INSTANCE_yYWJ4LHMtRSd_', portletId: 'RocaText2columns_INSTANCE_yYWJ4LHMtRSd', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dRocaText2columns_INSTANCE_yYWJ4LHMtRSd\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d12\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProductDistributor_INSTANCE_MOZ2yrCQyS6Y'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 7, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductDistributor_INSTANCE_MOZ2yrCQyS6Y_', portletId: 'ProductDistributor_INSTANCE_MOZ2yrCQyS6Y', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductDistributor_INSTANCE_MOZ2yrCQyS6Y\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d7\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ImageMosaic_INSTANCE_H3Ffk5VlIetl'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 4, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ImageMosaic_INSTANCE_H3Ffk5VlIetl_', portletId: 'ImageMosaic_INSTANCE_H3Ffk5VlIetl', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dImageMosaic_INSTANCE_H3Ffk5VlIetl\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d4\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); Liferay.Portlet.register('ProductDetail_INSTANCE_7WEFenDS1jWt'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 2, isAjaxable: true, isStatic: 'end', namespacedId: 'p_p_id_ProductDetail_INSTANCE_7WEFenDS1jWt_', portletId: 'ProductDetail_INSTANCE_7WEFenDS1jWt', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d182438633\x26p_p_id\x3dProductDetail_INSTANCE_7WEFenDS1jWt\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d2\x26p_p_col_count\x3d15\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fproductos\x252Fmecanismo-universal-doble-descarga-G5041200', refreshURLData: {} } ); </script><script type="module"> import {InfoItemActionHandler as ComponentModule} from '/o/layout-taglib/__liferay__/render.js'; AUI().use( 'liferay-menu', function(A) { { Liferay.component('infoItemActionComponent', new ComponentModule({"executeInfoItemActionURL":"https:\/\/www.gala.es\/c\/portal\/execute_info_item_action?p_l_mode=view&plid=182438633","namespace":"","spritemap":"https:\/\/www.gala.es\/o\/local-brands-theme\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''}); } (function() { var $ = AUI.$;var _ = AUI._; new Liferay.Menu(); var liferayNotices = Liferay.Data.notices; for (var i = 0; i < liferayNotices.length; i++) { Liferay.Util.openToast(liferayNotices[i]); } })(); }); </script> <script src="https://www.gala.es/o/local-brands-theme/js/main.js?browserId=other&minifierType=js&languageId=es_ES&t=1790581800000" type="text/javascript"></script> <script type="module"> import {main} from '/o/frontend-js-bootstrap-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js'; { main(); } </script><script type="text/javascript"> Liferay.CustomDialogs = {enabled: false}; </script><script> </script> <script type="text/javascript">document.currencySymbol = '€';</script> <!-- <script src="http://10.200.11.6:8080/o/local-brands-theme/js/lib/jquery-ui.min.js"></script> <script src="http://10.200.11.6:8080/o/local-brands-theme/js/lib/slick.min.js"></script> --> <!-- TODO - REVIEW JS NEEDS - IMPORTS COPIED FROM ROCA THEME --> <script src="https://www.gala.es/o/local-brands-theme/js/lib/slick.min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/jquery.matchHeight-min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/popper.min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/jquery.nicescroll.min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/jquery-ui.min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/jquery.ui.touch-punch.min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/roca-chat.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/scrollSync.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/clamp.min.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/scrollSync.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/roca-header.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/roca-footer.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/lib/roca-chat.js"></script> <script src="https://www.gala.es/o/local-brands-theme/js/collect-demand-buttons.js"></script> <!-- --> <script type="text/javascript"> const collectDemandButtons = JSON.parse('{"buttons":[]}') $(document).ready(function() { updateCollectDemandButtonsHTML(collectDemandButtons.buttons); }); </script> </body> </html>
