en
Spanish
French
About Gala
Points of sale
News
Inspiration
Customer Service
Comparador
Favoritos
Products
Shower toilets
Tap-fittings
Shower trays
Wash-basins
Shower
Shower enclosures
Toilets
Bathroom furniture
Baths
Seats and covers
Bidets
Mirrors and lighting
Special Pieces
Installation systems
Accessories
Mechanisms
Collections
Bathroom Collections
GALA-INNOVA
NOBLE
EOS
SAQQARA
EMMA
EMMASQUARE
MID
IRIA
STREET SQUARE
ARIS
HANNA
LIZZ
...
Wash-basin Collections
KEMET
MOD
ALBUS
BOWL
CIRCLE
KLEA
EMMASQUARE
HERA
...
Tap-fitting Collections
BALANCE
LORA
TIZONA
ARIJA
ODRA
CLUNIA
MENA
ROA
...
Bath-shower Tap-fitting Collections
BALANCE
LORA
ODRA
CLUNIA
MENA
ROA
...
Bathroom Furniture Collections
CANALETTO
SHONA
DANE
DAILY
HANDY
FESSURA
MIK
NERO
IVVA
Accessories collections
SION
AVALON
...
Mirror and Lighting Collections
EIRE
MOIRA
IRON
LYA
ADDOR
KUADRAT
NERO
ONLY
KUL
ANNE
...
Shower Enclosure Collections
KLEVAN
Shower Tray Collections
QUANTUM
GYDA
VITA-N
...
Bathtub Collections
MID
MITTA
NILA
VANESA
FEDRA
...
Solutions for Public Spaces
BABY
BLUE
ARQ
ARGOS
MINOR
EASY
MARE
BURGOS
ZINC
...
Solutions for Installation Systems and Mechanisms
EON
SLOT
STRIDE
Downloads
Catalogs
DOPs Certifications
Private Area
Corporate Identity
Sustainability
Sustainability Principles
Sustainability Projects
Professionals
Spare Parts
Installation Manuals
DOPs Certifications
SAT Contact
BIM Objetcs
Reference Projects
Installation videos
Manuals, Drawings and CAD Downloads Center
Select your country
Europe
czechia
France
Germany
hungary
INT
Italy
Portugal
Portugal
slovakia
Spain
United Kingdom
America
USA
Asia
China
discontinued product
Home
Products
Mechanisms
Mechanisms
NOVELTY
ComingSoon
TopSales
MECHANISMS
Art. Nº: G5041200
Dual Flush Universal mechanism
product factsheet (pdf)
Choose quantity
-
+
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
wrong email
</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/en/products/product?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/en/products/product?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/en-GB/user-area?section=files', 'go'); } }); } } </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/en/products/product?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">Load more</span>'; html += '<span id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_nextButtonTotalsSpan" class="tag">'; html += 'You\'ve seen '; html += images.length; html += ' of '; if (imageMosaicCurrentInstanceData.images) {html += imageMosaicCurrentInstanceData.images.length;} html += ' images'; 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/en/products/product?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( 'You\'ve seen ' + $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-item').length + ' of ' + result.instanceData.images.length + ' images' ); } } }); $('#_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=en_GB&t=1790604992000" 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=en_GB&t=1790604992000"></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 ">TECHNICAL SPECIFICATIONS</h2> </div> </div> <div class="row r-body "> <div class="col-lg-4 col-sm-12 first-text"> <p data-code="NetWeight_kg" ><span>Net weight (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/en/products/product?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' : 'go', 'addFavorite' : 'Add product to favourites', 'removeFavorite' : 'Delete product from favourites', 'addComparator' : 'Add product to comparer', 'removeComparator' : 'Delete product from comparer', 'favoriteAdded' : 'The product has been added to your favourites', 'favoriteRemoved' : 'The product has been deleted from your favourites', 'comparatorAdded' : 'The product has been added to your comparer', 'comparatorRemoved' : 'The product has been deleted from your comparer' }; 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('Art. Nº: '+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('Art. Nº: '+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('Art. Nº: '+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/en-GB/user-area?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/en-GB/user-area?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/en/products/product?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' : 'go', 'addFavorite' : 'Add product to favourites', 'removeFavorite' : 'Delete product from favourites', 'addComparator' : 'Add product to comparer', 'removeComparator' : 'Delete product from comparer', 'favoriteAdded' : 'The product has been added to your favourites', 'favoriteRemoved' : 'The product has been deleted from your favourites', 'comparatorAdded' : 'The product has been added to your comparer', 'comparatorRemoved' : 'The product has been deleted from your comparer' }; 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('Art. Nº: '+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('Art. Nº: '+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('Art. Nº: '+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/en-GB/user-area?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/en-GB/user-area?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=en_GB&t=1790604992000" 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=en_GB&t=1790604992000"></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"> Installation and user manuals </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"> Installation and user manuals <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/en/products/product?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/en/products/product?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/en-GB/user-area?section=files', 'go'); } }); } } </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=en_GB&t=1790604992000" 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=en_GB&t=1790604992000"></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=en_GB&t=1790604992000" 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=en_GB&t=1790604992000"></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">Similar products</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="/en-GB/products/simple-flush-universal-mechanism-G5041300"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041300" href="/en-GB/products/simple-flush-universal-mechanism-G5041300?sku=G5041300"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041300" class="wrapper-img" role="img" title="Mechanisms MECHANISMS G5041300 Gala" aria-label="Simple Flush Universal mechanism" 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;">NOVELTY</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="/en-GB/collections/bathroom-collections/mechanisms"> MECHANISMS </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041300" href="/en-GB/products/simple-flush-universal-mechanism-G5041300?sku=G5041300"> Simple Flush Universal mechanism </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>discontinued product</p> </div> </div> </div> <div class="col"> <div class="wrapper-producto _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv" id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDivG5041400" data-url="/en-GB/products/bottom-intel-universal-mechanism-G5041400"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041400" href="/en-GB/products/bottom-intel-universal-mechanism-G5041400?sku=G5041400"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041400" class="wrapper-img" role="img" title="Mechanisms MECHANISMS G5041400 Gala" aria-label="Bottom Intel Universal mechanism" 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;">NOVELTY</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="/en-GB/collections/bathroom-collections/mechanisms"> MECHANISMS </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041400" href="/en-GB/products/bottom-intel-universal-mechanism-G5041400?sku=G5041400"> Bottom Intel Universal mechanism </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>discontinued product</p> </div> </div> </div> <div class="col"> <div class="wrapper-producto _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv" id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDivG5041500" data-url="/en-GB/products/side-inlet-universal-mechanism-G5041500"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041500" href="/en-GB/products/side-inlet-universal-mechanism-G5041500?sku=G5041500"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041500" class="wrapper-img" role="img" title="Mechanisms MECHANISMS G5041500 Gala" aria-label="Side Inlet Universal mechanism" 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;">NOVELTY</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="/en-GB/collections/bathroom-collections/mechanisms"> MECHANISMS </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041500" href="/en-GB/products/side-inlet-universal-mechanism-G5041500?sku=G5041500"> Side Inlet Universal mechanism </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>discontinued product</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/en/products/product?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' : 'go', 'addFavorite' : 'Add product to favourites', 'removeFavorite' : 'Delete product from favourites', 'addComparator' : 'Add product to comparer', 'removeComparator' : 'Delete product from comparer', 'favoriteAdded' : 'The product has been added to your favourites', 'favoriteRemoved' : 'The product has been deleted from your favourites', 'comparatorAdded' : 'The product has been added to your comparer', 'comparatorRemoved' : 'The product has been deleted from your comparer' }; 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('Art. Nº: '+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('Art. Nº: '+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('Art. Nº: '+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/en-GB/user-area?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/en-GB/user-area?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=en_GB&t=1790604992000" 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=en_GB&t=1790604992000"></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/en/products/product?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=en_GB&t=1790604992000" 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=en_GB&t=1790604992000"></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">Hidden</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="/en-GB/products" target=""> Products </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="/en-GB/collections" target=""> Collections </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/en-GB/downloads" target=""> Downloads </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="/en-GB/downloads/catalogs" target=""> Catalogs </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/about-gala/dops-certifications" target=""> DOPs Certifications </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="https://areaprivada.gala.es/" target=""> Private Area </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/about-gala/corporate-identity" target=""> Corporate Identity </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/en-GB/about-gala" target=""> About 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="/en-GB/sustainability" target=""> Sustainability </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/about-gala/50th-anniversary" target=""> 50th Anniversary </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/about-gala/business-awards" target=""> Business Awards </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/about-gala/showroom" target=""> Showroom </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/about-gala/quality-and-design" target=""> Quality and Design </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/sustainability/sustainability-projects" target=""> Sustainability Projects </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="https://rocagroup.whispli.com/lp/speakup?locale=es" target="_blank"> Complaints channel </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/en-GB/professionals" target=""> Professionals </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="/en-GB/professionals/installation-manuals" target=""> Installation Manuals </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/professionals/spare-parts-price-list" target=""> Spare Parts Price List </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/professionals/sat-contact" target=""> SAT Contact </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/professionals/bim-object" target=""> BIM Object </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/en-GB/professionals/videos" target=""> Installation videos </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="/en-GB/legal-warning" target=""> Legal Warning </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/en-GB/cookies-policy" target=""> Cookies Policy </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/en-GB/privacy" target=""> Privacy </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="https://www.gala.es/documents/d/local-brands/comunicado-a-los-proveedores" target="_blank"> Supplier evaluation methodology </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/en-GB/gala-procurement-process" target=""> Procurement at ceramicas gala </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/en-GB/web-data-protection-policy" target=""> Web data protection policy </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/en-GB/company-data-protection-policy" target=""> Company data protection policy </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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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 = '\x2fen-GB\x2fproducts\x2fproduct\x3fproductCode\x3dG5041200'; Liferay.currentURLEncoded = '\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200'; // ]]> 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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: '\x2fen\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\x252Fen-GB\x252Fproducts\x252Fproduct\x253FproductCode\x253DG5041200', 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\/en\/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=en_GB&t=1790604992000" 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>
