fr
espagnol
anglais
À propos de Gala
Points de vente
Actualités
Inspiration
Service Client
Comparador
Favoritos
Produits
Shower toilets
Robinetterie
Receveurs de douche
Lavabos
Douche
Parois de douche
Cuvettes WC
Meubles
Baignoires
Abattants
Bidets
Miroirs et luminaires
Pièces Spéciales
Systèmes d'installation
Accessoires
Mécanismes
Collections
Collections de salle de bain
GALA-INNOVA
NOBLE
EOS
SAQQARA
EMMA
EMMASQUARE
MID
IRIA
STREET SQUARE
ARIS
HANNA
LIZZ
...
Collections de lavabos
KEMET
MOD
ALBUS
BOWL
CIRCLE
KLEA
EMMASQUARE
HERA
...
Collections de robinetterie
BALANCE
LORA
TIZONA
ARIJA
ODRA
CLUNIA
MENA
ROA
...
Collections de robinetterie de douche et baignoires
BALANCE
LORA
ODRA
CLUNIA
MENA
ROA
...
Collections de meubles
CANALETTO
SHONA
DANE
DAILY
HANDY
FESSURA
MIK
NERO
IVVA
Collections d'accessoires
SION
AVALON
...
Miroirs et solutions d'éclairage
EIRE
MOIRA
IRON
LYA
ADDOR
KUADRAT
NERO
ONLY
KUL
ANNE
...
Collections de parois de douche
KLEVAN
Collections de receveurs de douche
QUANTUM
GYDA
VITA-N
...
Collections de baignoires
MID
MITTA
NILA
VANESA
FEDRA
...
Solutions pour les espaces publics
BABY
BLUE
ARQ
ARGOS
MINOR
EASY
MARE
BURGOS
ZINC
...
Solutions pour les systèmes et mécanismes d'installation
EON
SLOT
STRIDE
Téléchargements
Catalogues
Certifications DOPs
Espace Privé
Identité Corporative
Durabilité
Principes du développement durable
Projets de développement durable
Professionnels
Tarif des Pièces Détachées
Manuels d'Installation
Certifications DOPs
Contact SAT
Objets BIM
Projets de Référence
Vidéos d'installation
Centre de téléchargement des manuels, dessins et fichiers CAO
Sélectionnez votre pays
Europe
czechia
France
Germany
hungary
INT
Italy
Portugal
Portugal
slovakia
Spain
United Kingdom
Amérique
USA
Asie
China
Produit supprimé
Start
Produits
Mécanismes
Mécanismes
Nouveauté
ComingSoon
TopSales
MÉCANISME
No. d´art.: G5041200
Mécanisme Universal de chasse d'eau double
Fiche produit (pdf)
Choississez votre quantité
-
+
Formas de parcelamento
×
Calculate shipping
Calculate
Unknown ZIP
Calculate shipping
Change ZIP
*The delivery period starts on the 1st business day after confirmation of payment. Information referring only to 01 unit of this item.
Product unavailable
Product unavailable: Message
required field
Email incorrect
</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/fr/produits/produit?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/fr/produits/produit?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) ? 'Le fichier sélectionné a été ajouté à vos favoris' : '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/fr-FR/zone-d-utilisateur?section=files', 'Allez sur'); } }); } } </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/fr/produits/produit?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">Charger plus de résultats</span>'; html += '<span id="_ImageMosaic_INSTANCE_H3Ffk5VlIetl_nextButtonTotalsSpan" class="tag">'; html += 'Vous avez vu '; html += images.length; html += ' de '; 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/fr/produits/produit?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( 'Vous avez vu ' + $('#_ImageMosaic_INSTANCE_H3Ffk5VlIetl_imageMosaicSection .imagemosaic-masonry-item').length + ' de ' + 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=fr_FR&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=fr_FR&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 ">CARACTÉRISTIQUES TECHNIQUES</h2> </div> </div> <div class="row caracteristicas-texto"> <div class="col-lg-12 col"> <p class="caracteristicas-producto-desc">Mécanisme Universal de chasse d'eau double. Compatible avec Aris, Coral, Diana ø40 cm, Elia, Emma, Emma Square, Eos, Gala Innova, Jazz, Klea, Lizz, Loa, Marina, Metropol, Metropol BTW, Mid, Noble, Smart, Smart BTW, Street, Street Square, Street BTW, Zoe.Commande minimum: carton presentoir de 6 unités</p> </div> </div> <div class="row r-body "> <div class="col-lg-4 col-sm-12 first-text"> <p data-code="NetWeight_kg" ><span>Poids net / 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/fr/produits/produit?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' : 'Allez sur', 'addFavorite' : 'Ajouter le produit aux favoris', 'removeFavorite' : 'Supprimer le produit des favoris', 'addComparator' : 'Ajouter le produit au comparateur', 'removeComparator' : 'Supprimer le produit au comparateur', 'favoriteAdded' : 'Le produit a été ajouté aux favoris', 'favoriteRemoved' : 'Le produit a été supprimer des favoris', 'comparatorAdded' : 'Le produit a été ajouté à votre comparateur', 'comparatorRemoved' : 'Le produit a été supprimer de votre comparateur' }; 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('No. d´art.: '+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('No. d´art.: '+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('No. d´art.: '+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/fr-FR/zone-d-utilisateur?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/fr-FR/zone-d-utilisateur?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/fr/produits/produit?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' : 'Allez sur', 'addFavorite' : 'Ajouter le produit aux favoris', 'removeFavorite' : 'Supprimer le produit des favoris', 'addComparator' : 'Ajouter le produit au comparateur', 'removeComparator' : 'Supprimer le produit au comparateur', 'favoriteAdded' : 'Le produit a été ajouté aux favoris', 'favoriteRemoved' : 'Le produit a été supprimer des favoris', 'comparatorAdded' : 'Le produit a été ajouté à votre comparateur', 'comparatorRemoved' : 'Le produit a été supprimer de votre comparateur' }; 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('No. d´art.: '+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('No. d´art.: '+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('No. d´art.: '+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/fr-FR/zone-d-utilisateur?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/fr-FR/zone-d-utilisateur?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=fr_FR&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=fr_FR&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 et maintenance </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 et maintenance <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="">Instructions de montage - 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="Ajouter un document à mes documents" alt="Ajouter un document à mes documents" 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/fr/produits/produit?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/fr/produits/produit?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) ? 'Le fichier sélectionné a été ajouté à vos favoris' : '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/fr-FR/zone-d-utilisateur?section=files', 'Allez sur'); } }); } } </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=fr_FR&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=fr_FR&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=fr_FR&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=fr_FR&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">Produits similaires</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="/fr-FR/produits/mecanisme-universal-chasse-d-eau-simple-G5041300"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041300" href="/fr-FR/produits/mecanisme-universal-chasse-d-eau-simple-G5041300?sku=G5041300"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041300" class="wrapper-img" role="img" title="Mécanismes MÉCANISME G5041300 Gala" aria-label="Mécanisme Universal de chasse d'eau simple" style="background-image: url('/GalaResourceServlet/resources/getTransformation?idObject=6e6d4e4c0dec503a1c879c24f3f19c65&trName=TF_Web_Big')"> </div> </a> <div class="wrapper-text"> <div class="salesNoveltyContainer"> <div class="divSpanNoveltyTopSales"><span id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productNoveltySpanG5041300" class="tag_novelty" style="display:none;">Nouveauté</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="/fr-FR/collections/collections-salles-bains/mecanisme"> MÉCANISME </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041300" href="/fr-FR/produits/mecanisme-universal-chasse-d-eau-simple-G5041300?sku=G5041300"> Mécanisme Universal de chasse d'eau simple </a> </h3> <div class="colors"> </div> <div class="dades"> <div class = "customTagsAlternativeContainer" style="display: none;"></div> </div> </div> <div class="sold-out" style="display:none;"> <p>Produit supprimé</p> </div> </div> </div> <div class="col"> <div class="wrapper-producto _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv" id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDivG5041400" data-url="/fr-FR/produits/mecanisme-universal-alimentation-inferieure-G5041400"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041400" href="/fr-FR/produits/mecanisme-universal-alimentation-inferieure-G5041400?sku=G5041400"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041400" class="wrapper-img" role="img" title="Mécanismes MÉCANISME G5041400 Gala" aria-label="Mécanisme Universal alimentation inférieure" 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;">Nouveauté</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="/fr-FR/collections/collections-salles-bains/mecanisme"> MÉCANISME </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041400" href="/fr-FR/produits/mecanisme-universal-alimentation-inferieure-G5041400?sku=G5041400"> Mécanisme Universal alimentation inférieure </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>Produit supprimé</p> </div> </div> </div> <div class="col"> <div class="wrapper-producto _ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDiv" id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productDivG5041500" data-url="/fr-FR/produits/mecanisme-universal-alimentation-laterale-G5041500"> <div class="tags"> </div> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink1G5041500" href="/fr-FR/produits/mecanisme-universal-alimentation-laterale-G5041500?sku=G5041500"> <div id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productImageDivG5041500" class="wrapper-img" role="img" title="Mécanismes MÉCANISME G5041500 Gala" aria-label="Mécanisme Universal alimentation latérale" 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;">Nouveauté</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="/fr-FR/collections/collections-salles-bains/mecanisme"> MÉCANISME </a> </p> <div class = "customTagsDefaultContainer"></div> <h3 class="title-producto"> <a id="_ProductDistributor_INSTANCE_00o6hlVjdt4Q_productLink2G5041500" href="/fr-FR/produits/mecanisme-universal-alimentation-laterale-G5041500?sku=G5041500"> Mécanisme Universal alimentation latérale </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>Produit supprimé</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/fr/produits/produit?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' : 'Allez sur', 'addFavorite' : 'Ajouter le produit aux favoris', 'removeFavorite' : 'Supprimer le produit des favoris', 'addComparator' : 'Ajouter le produit au comparateur', 'removeComparator' : 'Supprimer le produit au comparateur', 'favoriteAdded' : 'Le produit a été ajouté aux favoris', 'favoriteRemoved' : 'Le produit a été supprimer des favoris', 'comparatorAdded' : 'Le produit a été ajouté à votre comparateur', 'comparatorRemoved' : 'Le produit a été supprimer de votre comparateur' }; 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('No. d´art.: '+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('No. d´art.: '+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('No. d´art.: '+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/fr-FR/zone-d-utilisateur?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/fr-FR/zone-d-utilisateur?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=fr_FR&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=fr_FR&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/fr/produits/produit?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=fr_FR&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=fr_FR&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">Caché</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="/fr-FR/produits" target=""> Produits </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="/fr-FR/collections" target=""> Collections </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/fr-FR/telechargements" target=""> Téléchargements </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="/fr-FR/telechargements/catalogues" target=""> Catalogues </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/a-propos-de-gala/certifications-dops" target=""> Certifications DOPs </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="https://areaprivada.gala.es/" target=""> Espace Privé </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/a-propos-de-gala/identite-corporative" target=""> Identité Corporative </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/fr-FR/a-propos-de-gala" target=""> À propos de 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="/fr-FR/durabilite" target=""> Durabilité </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/a-propos-de-gala/50e-anniversaire" target=""> 50e Anniversaire </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/a-propos-de-gala/prix-d-entreprise" target=""> Prix d'Enterprise </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/a-propos-de-gala/showroom" target=""> Showroom </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/a-propos-de-gala/qualite-et-design" target=""> Qualité et Design </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/a-propos-de-gala/projets-de-reference" target=""> Projets de Référence </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="https://rocagroup.whispli.com/lp/speakup?locale=fr" target="_blank"> Canal de plaintes </a> </li> </ul> </div> </div> <div class="js-collapse-wrapper col-12 col-md-3"> <h2> <a class="footer__link" href="/fr-FR/professionnels" target=""> Professionnels </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="/fr-FR/professionnels/manuels-d-installation" target=""> Manuels d'installation </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/professionnels/tarif-des-pieces-detachees" target=""> Tarif des Pièces détachées </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/professionnels/contact-sat" target=""> Contact SAT </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/professionnels/objets-bim" target=""> Objets BIM </a> </li> <li class="footer__list-item"> <a class ="footer__link" href="/fr-FR/professionnels/videos" target=""> Vidéos d'installation </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="/fr-FR/avertissement-juridique" target=""> Avis juridique </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/fr-FR/politica-de-cookies" target=""> Política de Cookies </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/fr-FR/declaration-de-confidentialite" target=""> Déclaration de Confidentialité </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"> Méthodologie d'évaluation des fournisseurs </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/fr-FR/processus-d-achat-gala" target=""> Processus d'achat Gala </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/fr-FR/politique-de-protection-des-donnees-sur-le-web" target=""> Politique de protection des données sur le web </a> </li> <li class="footer-institutional__item"> <a class="footer-institutional__link" href="/fr-FR/politique-de-protection-des-donnees-de-l-entreprise" target=""> Politique de protection des données de l'entreprise </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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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 = '\x2ffr-FR\x2fproduits\x2fproduit\x3fproductCode\x3dG5041200'; Liferay.currentURLEncoded = '\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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: '\x2ffr\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\x252Ffr-FR\x252Fproduits\x252Fproduit\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\/fr\/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=fr_FR&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>
