Make-up remover - Yves Rocher (2024)

'); } // PERSO Prix comparé var showPrixCompare = function(){ var items = document.querySelectorAll("[data-tck-article-code]"); items.forEach(function(el){ //console.log(el); // Suppr prix à l'unité if(!!el.querySelector(".product-card_price-per-quantity")){ el.querySelector(".product-card_price-per-quantity").hidden = true; } var priceBlock = el.querySelector(".product-card_price"); var comparaisonStr = document.createElement("div"); comparaisonStr.classList.add("price-compared"); comparaisonStr.style.cssText = 'font-weight: 100!important; font-size: .6875rem; text-align: left; color: #2d2d2d;height:25px; margin-bottom:4px'; if(!!priceBlock && !!priceBlock.querySelector(".striked-through")){ // Ajout mention prix comparé comparaisonStr.innerHTML = "Ter vergelijking met de adviesprijs: " + priceBlock.querySelector(".striked-through").innerHTML; // Suppression prix barré priceBlock.querySelector(".striked-through").hidden = true; } if(!el.querySelector(".price-compared")){ el.querySelector(".product-card_price-block").insertAdjacentElement('afterend', comparaisonStr); el.querySelector(".product-card_content-additional-infos").style.cssText = 'height:32px'; } }); if(window.location.href.indexOf("/p/") > -1){ // Move price per unit var pricePerUnit = document.querySelector("aside .product-card_price-block ~ span.light"); if (pricePerUnit){ pricePerUnit.hidden = true var pricePerUnitDesc = document.createElement("p"); pricePerUnitDesc.classList.add("flex", "flex-y_center", "text_S", "tab_text_L", "text_weight_default"); pricePerUnitDesc.innerHTML = pricePerUnit.innerHTML; document.querySelector(".custom-summary-description .collapsed_shadow").insertAdjacentElement('beforebegin', pricePerUnitDesc); } // Show comparison text under price var strikedPrice = document.querySelector("aside .product-card_price-block .striked-through"); if(!!strikedPrice){ strikedPrice.hidden = true; var comparedPricePDP = document.createElement("p"); comparedPricePDP.classList.add("price-compared"); comparedPricePDP.style.cssText = 'font-weight: 100!important; text-align: left; color: #2d2d2d;'; comparedPricePDP.innerHTML = "Ter vergelijking met de adviesprijs: " + strikedPrice.innerHTML; var comparedPriceMentions = document.createElement("ul"); comparedPriceMentions.classList.add("unbulleted","p-y_M","p-x_S"); comparedPriceMentions.innerHTML = "

"; if(!document.querySelector("aside .product-card_price-block .price-compared")){ document.querySelector("aside .product-card_price-block").insertAdjacentElement('afterend', comparedPricePDP); document.querySelector("aside .unbulleted").insertAdjacentElement('beforebegin', comparedPriceMentions); } } } }; showPrixCompare(); if(window.location.href.indexOf("/c/") > -1){ const elementToObserve = document.querySelector(".grid_plp_page .grid_plp_cards"); var observer = new MutationObserver(() => { showPrixCompare(); }); observer.observe(elementToObserve, { childList: true }); } // END PERSO Prix comparé if(window.location.href.indexOf("/face-care-diagnosis-result") > -1){ if(!!document.querySelector(".organisms_diag.type_skin .molecules_ritual-reco .molecules_kicker")){ console.log("Care found"); var careContainer = document.querySelector(".organisms_diag.type_skin .molecules_ritual-reco .molecules_kicker").closest(".molecules_ritual-reco"); careContainer.style.display = "none"; } } //PERSO promo T&C PLP function promoML() { let mlTxt = document.createElement('div'); mlTxt.innerHTML = `

` if (document.getElementById('promotion-ml')) { document.getElementById('promotion-ml').innerHTML = mlTxt.innerHTML; let promoHeader = document.getElementById('promo-ml-header'); let promoPanel = document.getElementById('promo-ml-panel'); promoHeader.onclick = () => { let expanded = promoHeader.getAttribute('aria-expanded') === 'true' || false; promoHeader.setAttribute('aria-expanded', !expanded); promoPanel.hidden = expanded; } } } promoML(); window.addEventListener('popstate', function (event) { if (document.getElementById('promotion-ml')) { document.getElementById('promotion-ml').innerHTML = ''; } promoML(); }); //Script pour modifier la PDP Banner native de spark if (!!document.querySelector(".promo-banner-pdp") && (window.location.href.indexOf("/p/") > -1)) { let pdpPromoBanner = document.querySelector(".promo-banner-pdp"); pdpPromoBanner.classList.add("background_yellow", "bold","m-b_XM"); pdpPromoBanner.style.height = 'auto'; let pdpPromoBannerImg = pdpPromoBanner.querySelector("img"); pdpPromoBannerImg.classList.add("none"); } //PERSO PUB PDP Beauty Days if(window.location.href.indexOf("/p/") > -1 && (window.dataLayer[0].campaign.variationId === "V00000060" || window.dataLayer[0].campaign.variationId === "V00000050")){ // Mention sous le prix var mentionTxt = "De 50%(1) korting wordt direct toegepast in je winkelmandje*"; var mentionBeautyDays = document.createElement("p"); mentionBeautyDays.style.cssText = 'text-align: left; color: #ba1051;'; mentionBeautyDays.innerHTML = mentionTxt; var explicationBeautyDays = document.createElement("div"); explicationBeautyDays.style.cssText = 'text-align: left; background-color: #ba1051;color:white'; explicationBeautyDays.classList.add("p_M", "m-t_M"); explicationBeautyDays.innerHTML = "Beauty Days:-50%(1) vanaf 2 aangekochte producten*

Om ervan te profiteren, voeg je minstens 2 artikelen naar keuze toe aan je winkelmandje."; if(!!document.querySelector(".sticker-area > img")){ var stickerImg = document.querySelector(".sticker-area > img"); if(!!stickerImg && stickerImg.src.indexOf('2401-sticker-beauty-days-pub') > -1){ document.querySelector("aside .product-card_price-block").insertAdjacentElement('beforeend', mentionBeautyDays); // Mention sous réassurance document.querySelector("aside > div > div > div.width_100p").insertAdjacentElement('afterend', explicationBeautyDays); } } } //END PERSO PUB PDP Beauty Days //perso changer de couleur une tab if (window.location.href.indexOf("/c/") > -1) { let allTabs = document.querySelectorAll('.tab-inner-wrapper.unique-link'); allTabs.forEach((element) => { if (!element.querySelector('.search-tab-selected')) { if (element.innerText == 'Het goede gebaar') { element.style.color = '#62700a'; element.style.backgroundColor = 'white'; element.style.borderColor = '#62700a'; } if (element.innerText == 'Eindereeksen') { element.style.color = 'white'; element.style.backgroundColor = '#EF7303'; element.style.borderColor = '#EF7303'; } if (element.innerText == '% Beauty Days') { element.style.color = 'white'; element.style.backgroundColor = '#BA1051'; element.style.borderColor = '#BA1051'; } if (element.innerText == '1 gekocht = de 2e voor -50%(2)*') { element.style.color = 'white'; element.style.backgroundColor = '#BA1051'; element.style.borderColor = '#BA1051'; } if (element.innerText == 'Kerstcollectie') { element.style.color = 'white'; element.style.backgroundColor = '#012353'; element.style.borderColor = '#012353'; }if (element.innerText == 'Kerstcollecties -30%(3)*') { element.style.color = 'white'; element.style.backgroundColor = '#012353'; element.style.borderColor = '#012353'; } if (element.innerText == 'Mascaras 9€99*') { element.style.color = 'white'; element.style.backgroundColor = '#BA1051'; element.style.borderColor = '#BA1051'; } if (element.innerText == 'Limited Edition') { element.style.color = 'white'; element.style.backgroundColor = '#BA1051'; element.style.borderColor = '#BA1051'; }if (element.innerText == '⚡BLACK FRIDAY -50%(1)*') { element.style.color = 'white'; element.style.backgroundColor = 'black'; element.style.borderColor = 'black'; }if (element.innerText == '⚡ CYBER MONDAY -50%(1)*') { element.style.color = 'white'; element.style.backgroundColor = 'black'; element.style.borderColor = 'black'; }if (element.innerText == '⚡ Crazy Deals') { element.style.color = 'white'; element.style.backgroundColor = '#ED9A4C'; element.style.borderColor = '#ED9A4C'; } } }) } //perso offre palier var startDate = new Date("2024-03-03, 01:00:00").getTime(); var endDate = new Date("2024-03-05, 01:00:00").getTime(); //yyyy-mm-dd hh:mm:ss var datenow = Date.now(); //yyyy-mm-dd hh:mm:ss if ((endDate > datenow) && (datenow > startDate) && window.dataLayer[0].campaign.variationId === "V00000061" && window.location.href.indexOf("/c/all-products") > -1) { document.querySelector('.palier-txt').classList.remove('hide') }