// *** SET THE NAME OF THE TEST HERE (only alphanumeric and underscore) const testName = 'ddH'; if (typeof window.phxABTests !== 'undefined') { // add AB test-modification function directly from CMS window.phxABTests[testName] = () => { window.phxLogInfo(`[ABTEST][CMS] ${testName} triggered.`); // CUSTOM AB ACTIONS START HERE ---------------------------------------- DelDateHighlight(); window.addEventListener('phx-routechange-stable', function (e) { DelDateHighlight(); }); function DelDateHighlight() { // check if PDP with standard delivery product const urlMatches = document.location.pathname.match(/^\/p\/.*(m.+)/); if (urlMatches && urlMatches[0].startsWith("/p/") && document.querySelector('mat-card phx-delivery-info-with-icon')?.innerHTML.includes('standard-delivery.svg')) { // prevent double injection if (!document.querySelector('.deliveryhighlight')) { // Funktion, um die Differenz in Tagen zwischen zwei Datumswerten zu berechnen function calculateDayDifference(date1, date2) { // Setze die Uhrzeit beider Daten auf 00:00:00 const date1Midnight = new Date(date1); date1Midnight.setHours(0, 0, 0, 0); const date2Midnight = new Date(date2); date2Midnight.setHours(0, 0, 0, 0); const oneDay = 24 * 60 * 60 * 1000; // Millisekunden pro Tag const diffInTime = date1Midnight.getTime() - date2Midnight.getTime(); return diffInTime / oneDay; // Unterschied in vollen Tagen } // <🎄> if (localStorage.getItem("ddE") == 0) { // Das ursprüngliche Datum auslesen & in globale Variable schreiben const dateContainer = document.querySelector(".delivery-date strong"); window.originalDateStr = dateContainer.textContent.trim(); // Den Teil mit dem Datum extrahieren (z.B. "06.09.2024" aus "Fr. 06.09.2024") const datePart = originalDateStr.split(/\s+/)[1]; const [day, month, year] = datePart.split(".").map(Number); window.originalDate = new Date(year, month - 1, day); } // Extract merchant let merchant = document.querySelector('.merchant-name span')?.innerText; // // Das angezeigte Datum auslesen const displayedDateStr = (document.querySelector(".delivery-date strong")).textContent.trim(); // Den Teil mit dem Datum extrahieren (z.B. "06.09.2024" aus "Fr. 06.09.2024") const datePart = displayedDateStr.split(/\s+/)[1]; const [day, month, year] = datePart.split(".").map(Number); const displayedDate = new Date(year, month - 1, day); // Calculate difference between today and the new calculated delivery date const today = new Date(); // <🎄> const xmasdeadline = new Date("2024-12-23 00:00"); // const dayDifference = calculateDayDifference(displayedDate, today); // Text, der angezeigt wird, wenn das neue Datum der morgige Tag ist let delivertxt1 = "Lieferung"; const deliveryCostInfo = document.querySelector('.deliveryCostInfo'); if (deliveryCostInfo && deliveryCostInfo.innerHTML.includes('gratis Lieferung')) { delivertxt1 = "Gratis Lieferung" } window.delivertxt2 = ""; if (dayDifference === 1) { // Falls das Datum morgen ist delivertxt2 = "morgen!"; } else if (dayDifference === 2) { // Falls das Datum übermorgen ist delivertxt2 = "übermorgen!"; } // <🎄> // Falls das Datum vor der Weihnachtsdeadline ist else if (xmasdeadline >= new Date(displayedDate)) { //List of good merchants /* deativated on executive demand const merchantsA = "_ALPINE BRANDS,_AM Sat-Shop,_Anna Rauscher,_ASTRO,_BadShop Austria,_Bayer & Bayer Delikatessen,_Bellaprint Verlag,_Biodora,_Brick-by-Fritz-Store,_BRICKCOMPLETE GmbH,_City Juwelier,_Daylights e.U.,_delicando,_Destillerie Reif OG,_electronic4you,_Eleonora Bösch,_Estermann,_eWein,_FAIE,_Farmer Rabensteiner,_feingeist (tasted by Del Fabro Kolarik),_Fishernator,_Flux Online,_Freudenhaus,_gastroALLround,_Gautier Mückstein,_Gmundner Keramik,_Greenconnect,_Gross Fanartikel,_Hagebaumarkt Nadlinger,_Hagspiel,_Handyjob,_Hausfabrik,_HEGEN,_Holzwaren Lautner,_HORNBACH,_HPH Trading,_HSI Promotion,_iQ Shop,_Kitchen & Home,_Klettershop Ortner,_Kofferwelt,_LACKNER HANDEL e.U.,_Linden-Apotheke,_Manuel Lauterbrunner,_Merchfox Comic Shop,_merken,_mezzie,_Motorraddirekt,_MrLion,_NERO,_Online Gartencenter,_Pascher Linz,_Persönlich.Kompetent.HandyShop.cc,_Petra´s Shop,_PREISKNACKER,_Preissturz.at,_premium-drinks & more,_prsWORLD,_R&C Trading,_Radio Krejcik,_Richtiges Werkzeug,_Robertino,_SAT-und Metalltechnik,_Schlüsselbär,_Schmidt's,_Schöpp Beschläge,_shöpping.at,_Ski Willy,_SONNENTOR Klagenfurt,_Spielzeugwelt Weiz,_Sport 4 You,_Sport Brugger,_SPORT2000 SCHÖTTL,_Sven Medrow,_Theil,_tonisbox,_TS Trading GmbH,_Vasalat,_Viterna,_WALDLAND,_Wasser- und Gartenoase,_Wolf & Mona,_Wolf Sonnenschutz Technik,_Your Fashion Place,_Zoohandel & Angelsport Freithofer,"; if (merchantsA.includes("_" + merchant + ",")) { */ delivertxt2 = "vor Weihnachten"; //} // } // MERCHANT DELIVERY DATA merchantData = window.merchantData; //Set cut-off time based on merchant let deldays = 0; let cutofftime = ('15:00') /* default value if merchant is not in list */ let percent = ">90"; if (merchantData.some(m => m.merchantname === merchant)) { deldays = (merchantData.find(m => m.merchantname === merchant) || {}).minusdays || deldays; cutofftime = (merchantData.find(m => m.merchantname === merchant) || {}).cutoff || cutofftime; percent = (merchantData.find(m => m.merchantname === merchant) || {}).percent || percent; } // Are we before the cutoff time today? let beforecutoff = 0; let currentDayMinutes = new Date().getHours() * 60 + new Date().getMinutes(); function timeToMinutes(time) { const [hours, minutes] = time.split(':').map(Number); return (hours * 60) + minutes; } const cutoffminutes = timeToMinutes(cutofftime); if (currentDayMinutes < cutoffminutes) { beforecutoff = 1; } // Infoicon anzeigen, falls Datum neu berechnet wurde let infoicon = "" let oriDate = "" if (window.originalDateStr) { oriDate = ` ${originalDateStr}` }; if (document.querySelector('.deliverychanged')) { let toolTipText = (`

${percent}% der Pakete von ${merchant} werden früher zugestellt als vom Händler angegeben*

* bei Bestellung vor ${cutofftime} Uhr.

In deiner Bestellbestätigung steht das vom Händler angegebene Datum${oriDate}, an dem die Lieferung mit Sicherheit bei dir ist. Wir wetten, du erhältst dein Packerl früher!

Sollte unser Versprechen einmal nicht stimmen, schenken wir dir einen Gutschein für deinen nächsten Einkauf! Schreibe uns unter Angabe deiner Bestellnummer über unser Kontaktformular!

`) infoicon = (``); } let deliveryClaim = (`${infoicon}${delivertxt1} ${delivertxt2}`); // <🎄> if (delivertxt2 === "vor Weihnachten") { deliveryClaim = `${delivertxt1} ${delivertxt2}`; } // // Check if Delivery is in near future - Define Containers to inject and execute injection let cutofftext = ""; if (beforecutoff === 1) { cutofftext = (`heute bis ${cutofftime} Uhr bestellen`) } if (/* 🎄 */delivertxt2 != ""/* dayDifference > 0 && dayDifference < 3 */) { let pretxt = document.querySelector('mat-card phx-delivery-info-with-icon'); let parent = document.querySelector('phx-merchant-info-box mat-card'); var nextdayDIV = document.createElement('div'); nextdayDIV.className = "deliveryhighlight"; nextdayDIV.innerHTML = deliveryClaim; parent.insertBefore(nextdayDIV, pretxt); document.querySelector('.delivery-date').innerHTML = (`mit der Österreichischen Post`); if (document.querySelector('.cutoff').innerHTML!=' \n'){ document.querySelector('.cutoff').setAttribute("style", "border: solid 2px #ffe228;font-weight: 600;font-size: .7rem;color: #333;padding: 1px 4px; border-radius: 3px;"); } // <🎄> if (delivertxt2 === "vor Weihnachten") { document.querySelector('.delivery-date').innerHTML = (`am ${displayedDateStr}
mit der Österreichischen Post`); } // } // TOOLTIP const tooltipLink = document.getElementById('tooltipLink'); const tooltip = document.getElementById('tooltip'); let tooltipVisible = false; // Show tooltip at the mouse position on click tooltipLink?.addEventListener('click', function (event) { event.preventDefault(); // Toggle visibility tooltip.style.display = 'block'; tooltipVisible = true; // Stop the click event from bubbling up to the document event.stopPropagation(); }); // Hide tooltip when clicking outside of it document.addEventListener('click', function (event) { // Check if the tooltip is visible and the click is outside the tooltip and the link if (tooltipVisible && !tooltip.contains(event.target)) { tooltip.style.display = 'none'; tooltipVisible = false; } }); } } } // CUSTOM AB ACTIONS END HERE ---------------------------------------- }; window.phxLogInfo(`[ABTEST][CMS] ${testName} added.`); }

L'Oréal Paris