const secondaryCTA = document.querySelector( 'button.btn-secondary.gap-8.w-full' ); const formTabs = document.querySelector( 'button.tab-arval' ); if (secondaryCTA && formTabs) { // (() => { const MOBILE_MAX_WIDTH = 767; const SCROLL_OFFSET = 140; const STICKY_APPEARS_AFTER = 550; const IDS = { devisDesktop: "Formulairedecontact1", contactDesktopOpen: "Formulairedecontact2", contactDesktopClosed: "Formulairedecontact3", contactMobileOpen: "Formulairedecontact4", contactMobileClosed: "Formulairedecontact5", devisMobile: "Formulairedecontact6" }; const FRENCH_HOLIDAYS = new Set([ "2026-01-01","2026-04-06","2026-05-01","2026-05-08","2026-05-14","2026-05-25","2026-07-14","2026-08-15","2026-11-01","2026-11-11","2026-12-25", "2027-01-01","2027-03-29","2027-05-01","2027-05-08","2027-05-06","2027-05-17","2027-07-14","2027-08-15","2027-11-01","2027-11-11","2027-12-25", "2028-01-01","2028-04-17","2028-05-01","2028-05-08","2028-05-25","2028-06-05","2028-07-14","2028-08-15","2028-11-01","2028-11-11","2028-12-25", "2029-01-01","2029-04-02","2029-05-01","2029-05-08","2029-05-10","2029-05-21","2029-07-14","2029-08-15","2029-11-01","2029-11-11","2029-12-25", "2030-01-01","2030-04-22","2030-05-01","2030-05-08","2030-05-30","2030-06-10","2030-07-14","2030-08-15","2030-11-01","2030-11-11","2030-12-25" ]); const isMobile = () => window.innerWidth <= MOBILE_MAX_WIDTH; function isBusinessOpen() { const parts = new Intl.DateTimeFormat("fr-FR", { timeZone: "Europe/Paris", year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", hour12: false }).formatToParts(new Date()); const get = type => parts.find(p => p.type === type)?.value; const year = get("year"); const month = get("month"); const day = get("day"); const hour = Number(get("hour")); const minute = Number(get("minute")); const dateKey = `${year}-${month}-${day}`; if (FRENCH_HOLIDAYS.has(dateKey)) return false; const weekday = new Date(Number(year), Number(month) - 1, Number(day)).getDay(); if (weekday === 0 || weekday === 6) return false; const minutes = hour * 60 + minute; return minutes >= 9 * 60 && minutes < 17 * 60 + 50; } function getTargets() { const open = isBusinessOpen(); return { desktopDevis: IDS.devisDesktop, desktopContact: open ? IDS.contactDesktopOpen : IDS.contactDesktopClosed, mobileContact: open ? IDS.contactMobileOpen : IDS.contactMobileClosed, mobileDevis: IDS.devisMobile, mobilePrimaryLabel: open ? "APPELER MAINTENANT" : "ÊTRE RECONTACTÉ", desktopSecondaryLabel: open ? "APPELER UN CONSEILLER" : "ÊTRE RECONTACTÉ" }; } function normalizeText(el) { return (el.innerText || el.textContent || "") .trim() .replace(/\s+/g, " ") .toUpperCase(); } const ICONS = { devis: '', phone: '', rappel: '' }; function getIconType(label) { const txt = label.toUpperCase(); if (txt.includes("DEVIS")) return "devis"; if (txt.includes("APPELER")) return "phone"; if (txt.includes("CONSEILLER")) return "phone"; if (txt.includes("RECONTA")) return "rappel"; return null; } function setButtonLabelWithIcon(button, label) { const type = getIconType(label); if (!type) { button.textContent = label; return; } button.innerHTML = `${ICONS[type]}${label}`; } function setTabIcon(tabId, type) { const tab = document.getElementById(tabId); if (!tab) return; const existingIcon = tab.querySelector("i"); if (existingIcon) { existingIcon.outerHTML = ICONS[type]; } else { tab.insertAdjacentHTML("afterbegin", ICONS[type]); } } function updateTabIcons() { setTabIcon(IDS.devisDesktop, "devis"); setTabIcon(IDS.devisMobile, "devis"); setTabIcon(IDS.contactDesktopOpen, "phone"); setTabIcon(IDS.contactMobileOpen, "phone"); setTabIcon(IDS.contactDesktopClosed, "rappel"); setTabIcon(IDS.contactMobileClosed, "rappel"); } function isVisible(el) { return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length); } function scrollToTab(tabId) { const tab = document.getElementById(tabId); if (!tab) return; document.querySelectorAll(".tab-arval").forEach(t => { t.classList.remove("active-arval"); t.setAttribute("aria-selected", "false"); }); tab.classList.add("active-arval"); tab.setAttribute("aria-selected", "true"); tab.click(); setTimeout(() => { const y = tab.getBoundingClientRect().top + window.pageYOffset - SCROLL_OFFSET; window.scrollTo({ top: y, behavior: "smooth" }); }, 200); } function setTabDisplay(id, show) { const el = document.getElementById(id); if (!el) return; el.style.setProperty("display", show ? "inline-flex" : "none", "important"); } function applyTabsVisibility() { const open = isBusinessOpen(); const mobile = isMobile(); setTabDisplay(IDS.devisDesktop, !mobile); setTabDisplay(IDS.contactDesktopOpen, !mobile && open); setTabDisplay(IDS.contactDesktopClosed, !mobile && !open); setTabDisplay(IDS.contactMobileOpen, mobile && open); setTabDisplay(IDS.contactMobileClosed, mobile && !open); setTabDisplay(IDS.devisMobile, mobile); updateTabIcons(); } function applyDefaultActiveTab() { const targets = getTargets(); const defaultTabId = isMobile() ? targets.mobileContact : targets.desktopDevis; const tab = document.getElementById(defaultTabId); if (!tab) return; document.querySelectorAll(".tab-arval").forEach(t => { t.classList.remove("active-arval"); t.setAttribute("aria-selected", "false"); }); tab.classList.add("active-arval"); tab.setAttribute("aria-selected", "true"); tab.click(); } function updatePricingCardCTAs() { const targets = getTargets(); const buttons = Array.from(document.querySelectorAll("button, a")) .filter(el => !el.closest("hashtag#sticky-cta-bar")); const primaryButtons = buttons.filter(el => el.classList.contains("btn-primary") && ( normalizeText(el).includes("DEMANDER UN DEVIS") || normalizeText(el).includes("APPELER MAINTENANT") || normalizeText(el).includes("ÊTRE RECONTACTÉ") ) ); const secondaryButtons = buttons.filter(el => el.classList.contains("btn-secondary") && ( normalizeText(el).includes("APPELER UN CONSEILLER") || normalizeText(el).includes("ÊTRE RECONTACTÉ") || normalizeText(el).includes("DEMANDER UN DEVIS") ) ); primaryButtons.forEach(btn => { setButtonLabelWithIcon( btn, isMobile() ? targets.mobilePrimaryLabel : "DEMANDER UN DEVIS" ); }); secondaryButtons.forEach(btn => { setButtonLabelWithIcon( btn, isMobile() ? "DEMANDER UN DEVIS" : targets.desktopSecondaryLabel ); }); } document.querySelector("hashtag#sticky-cta-bar")?.remove(); document.querySelector("hashtag#sticky-cta-style")?.remove(); const style = document.createElement("style"); style.id = "sticky-cta-style"; style.innerHTML = ` #sticky-cta-bar { display: none !important; } body { padding-bottom: 0 !important; } #sticky-cta-bar button i, .btn-primary i, .btn-secondary i, .tab-arval i { margin-right: 8px !important; color: currentColor !important; font-size: 1rem !important; line-height: 1 !important; } @media screen and (max-width:${MOBILE_MAX_WIDTH}px){ .tab-arval{ font-weight:400 !important; border-bottom:2px solid transparent !important; opacity:.75 !important; } .tab-arval.active-arval, .tab-arval[aria-selected="true"]{ font-weight:700 !important; border-bottom:3px solid var(--color-ads-primary-700,#008859) !important; opacity:1 !important; } body{ padding-bottom:82px !important; } #sticky-cta-bar{ position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:2147483647 !important; display:flex !important; gap:8px !important; padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important; background:#fff !important; box-shadow:0 -4px 20px rgba(0,0,0,.22) !important; transform:translateY(120%) !important; transition:transform .25s ease !important; } #sticky-cta-bar.is-visible{ transform:translateY(0) !important; } #sticky-cta-bar button{ align-items:center !important; border-radius:.25rem !important; cursor:pointer !important; display:inline-flex !important; flex:1 1 0 !important; font-size:.75rem !important; font-weight:var(--font-weight-ads-bold,700) !important; height:3rem !important; justify-content:center !important; line-height:1.25rem !important; overflow:hidden !important; padding-left:1rem !important; padding-right:1rem !important; text-align:center !important; text-transform:uppercase !important; white-space:nowrap !important; margin:0 !important; } #sticky-cta-bar button:first-child{ background-color:var(--color-ads-primary-700) !important; color:#fff !important; border:none !important; } #sticky-cta-bar button:last-child{ background-color:#fff !important; color:var(--color-ads-primary-700) !important; border:2px solid var(--color-ads-primary-700) !important; } } `; document.head.appendChild(style); document.addEventListener("click", function(e) { const clicked = e.target.closest("a, button"); if (!clicked) return; if (clicked.classList.contains("tab-arval")) { document.querySelectorAll(".tab-arval").forEach(t => { t.classList.remove("active-arval"); t.setAttribute("aria-selected", "false"); }); clicked.classList.add("active-arval"); clicked.setAttribute("aria-selected", "true"); return; } const text = normalizeText(clicked); const targets = getTargets(); const isContact = text.includes("APPELER UN CONSEILLER") || text.includes("APPELER MAINTENANT") || text.includes("ÊTRE RECONTACTÉ") || text.includes("CONTACTEZ-MOI"); const isDevis = text.includes("DEMANDER UN DEVIS") || text.includes("OBTENIR UN DEVIS") || text.includes("TEST CHECK OUT"); if (!isContact && !isDevis) return; e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); if (isContact) { scrollToTab(isMobile() ? targets.mobileContact : targets.desktopContact); return; } if (isDevis) { scrollToTab(isMobile() ? targets.mobileDevis : targets.desktopDevis); return; } }, true); function createStickyBar() { const bar = document.createElement("div"); bar.id = "sticky-cta-bar"; const contactBtn = document.createElement("button"); contactBtn.type = "button"; setButtonLabelWithIcon(contactBtn, getTargets().mobilePrimaryLabel); const devisBtn = document.createElement("button"); devisBtn.type = "button"; setButtonLabelWithIcon(devisBtn, "DEMANDER UN DEVIS"); contactBtn.addEventListener("click", e => { e.preventDefault(); scrollToTab(getTargets().mobileContact); }); devisBtn.addEventListener("click", e => { e.preventDefault(); scrollToTab(getTargets().mobileDevis); }); bar.appendChild(contactBtn); bar.appendChild(devisBtn); document.body.appendChild(bar); function getMobileFormZone(){ const targets = getTargets(); const startEl = document.getElementById(targets.mobileContact) || document.getElementById(targets.mobileDevis); if(!startEl) return null; const startY = startEl.getBoundingClientRect().top + window.pageYOffset - 40; const submitButtons = Array.from( document.querySelectorAll('button,input[type="submit"]') ).filter(el => { const text = normalizeText(el); const y = el.getBoundingClientRect().top + window.pageYOffset; return ( isVisible(el) && y > startY && ( text.includes("ENVOYER") || el.type === "submit" || el.classList.contains("btn-primary") ) ); }); if(!submitButtons.length) return null; const lastSubmit = submitButtons[submitButtons.length - 1]; const endY = lastSubmit.getBoundingClientRect().bottom + window.pageYOffset + 40; return { startY, endY }; } function updateSticky(){ if(!isMobile()){ bar.classList.remove("is-visible"); return; } setButtonLabelWithIcon(contactBtn, getTargets().mobilePrimaryLabel); setButtonLabelWithIcon(devisBtn, "DEMANDER UN DEVIS"); const formZone = getMobileFormZone(); let insideFormZone = false; if(formZone){ const viewportTop = window.pageYOffset; const viewportBottom = viewportTop + window.innerHeight; insideFormZone = viewportBottom > formZone.startY && viewportTop < formZone.endY; } const shouldShow = window.scrollY > STICKY_APPEARS_AFTER && !insideFormZone; bar.classList.toggle( "is-visible", shouldShow ); } window.addEventListener( "scroll", updateSticky, { passive:true } ); window.addEventListener( "resize", () => { applyTabsVisibility(); updatePricingCardCTAs(); updateSticky(); } ); applyTabsVisibility(); applyDefaultActiveTab(); updatePricingCardCTAs(); updateSticky(); setInterval(() => { applyTabsVisibility(); updatePricingCardCTAs(); updateSticky(); }, 60000); } if(document.readyState === "loading"){ document.addEventListener( "DOMContentLoaded", createStickyBar ); } else { createStickyBar(); } })(); console.log('Page à double CTA détectée'); } (function () { const CONFIG = { cardId: "arval-custom-search-card", sourceSelector: ".arval-custom-card-source", resultContentSelector: ".filter-content-block__content", realCardSelector: ".offer-card-vehicle", hiddenClass: "arval-hidden-before-load-more" }; function addStyles() { if (document.getElementById("arval-custom-search-card-style")) return; const style = document.createElement("style"); style.id = "arval-custom-search-card-style"; style.textContent = ` .arval-custom-card-source { display: none !important; } .${CONFIG.hiddenClass} { display: none !important; } .filter-content-block__content .grid { align-items: stretch !important; } #${CONFIG.cardId} { box-sizing: border-box; align-self: stretch !important; display: flex !important; height: auto !important; min-height: 100%; } @media (min-width: 768px) { #${CONFIG.cardId} { grid-column: span 2 !important; } } #${CONFIG.cardId} > a { display: flex !important; flex: 1 1 auto; width: 100%; height: auto !important; color: inherit; text-decoration: none; } #${CONFIG.cardId} .offer-card { flex: 1 1 auto !important; width: 100% !important; height: auto !important; min-height: 100% !important; padding: 22px 28px 20px; border: 1px solid rgba(0,135,90,.25); border-radius: 10px; background: linear-gradient(160deg, #F4FFF8 0%, #FFFFFF 58%, #EAFBF1 100%); box-shadow: 0 4px 16px rgba(0,0,0,.08); overflow: hidden; position: relative; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; justify-content: center; cursor: pointer; } #${CONFIG.cardId} .offer-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.13); } #${CONFIG.cardId} .arval-custom-card__eyebrow { font-family: OpenSans, sans-serif !important; font-size: 15px; font-weight: 700; color: #172328; margin-bottom: 4px; } #${CONFIG.cardId} .arval-custom-card__title { font-family: OpenSans, sans-serif !important; margin: 0; color: #006B4A; font-size: 27px; line-height: 1.05; font-weight: 800; text-transform: uppercase; } #${CONFIG.cardId} .arval-custom-card__subtitle { font-family: OpenSans, sans-serif !important; margin: 8px 0 20px; color: #172328; font-size: 16px; line-height: 1.35; font-weight: 700; } #${CONFIG.cardId} .arval-custom-card__image { width: 88%; max-height: 145px; object-fit: contain; display: block; margin: 18px auto 16px; } #${CONFIG.cardId} .arval-custom-card__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 2px 0 18px; color: #172328; font-size: 12px; line-height: 1.15; font-weight: 600; } #${CONFIG.cardId} .arval-custom-card__button { display: inline-flex; align-items: center; justify-content: center; background: #00875A; color: #FFFFFF; border-radius: 6px; padding: 13px 32px; font-family: OpenSans, sans-serif !important; font-size: 16px; font-weight: 700; margin: 20px auto 0; min-width: 220px; } @media (max-width: 767px) { #${CONFIG.cardId} { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } #${CONFIG.cardId} .arval-custom-card__title { font-size: 23px; } #${CONFIG.cardId} .arval-custom-card__subtitle { font-size: 14px; } #${CONFIG.cardId} .arval-custom-card__items { grid-template-columns: 1fr; gap: 8px; } } `; document.head.appendChild(style); } function resetHiddenCards() { document .querySelectorAll("." + CONFIG.hiddenClass) .forEach(function (card) { card.classList.remove(CONFIG.hiddenClass); }); } function removeInjectedCard() { const existing = document.getElementById(CONFIG.cardId); if (existing) existing.remove(); } function normalizeLinks(wrapper) { wrapper.querySelectorAll("a[href]").forEach(function (link) { const href = link.getAttribute("href"); if ( href && !href.startsWith("/") && !href.startsWith("#") && !href.startsWith("mailto:") && !href.startsWith("tel:") && !/^https?:\/\//i.test(href) ) { link.setAttribute("href", "https://" + href); } }); } function createCardFromSource() { const source = document.querySelector(CONFIG.sourceSelector); if (!source) return null; const wrapper = document.createElement("div"); wrapper.id = CONFIG.cardId; wrapper.className = "offer-card-vehicle"; wrapper.innerHTML = source.innerHTML; normalizeLinks(wrapper); return wrapper; } function getRealVehicleCards() { return Array.from( document.querySelectorAll( CONFIG.resultContentSelector + " " + CONFIG.realCardSelector + ":not(#" + CONFIG.cardId + ")" ) ); } function findVehicleGrid(cards) { if (!cards.length) return null; return cards[0].closest(".grid"); } function getBestInsertIndex(cardsCount) { let index = cardsCount; while (index > 0 && index % 3 !== 1) { index--; } return Math.max(index, 1); } function hasLoadMoreButton() { return Array.from(document.querySelectorAll("button, a")) .some(function (el) { const text = (el.innerText || el.textContent || "").trim().toLowerCase(); return ( el.offsetParent !== null && ( text.includes("charger plus") || text.includes("voir plus") || text.includes("load more") ) ); }); } function injectCustomCard() { resetHiddenCards(); const cards = getRealVehicleCards(); if (!cards.length) return; const grid = findVehicleGrid(cards); if (!grid) return; removeInjectedCard(); const customCard = createCardFromSource(); if (!customCard) return; const insertIndex = getBestInsertIndex(cards.length); const moreResultsAvailable = hasLoadMoreButton(); if (cards[insertIndex]) { grid.insertBefore(customCard, cards[insertIndex]); } else { grid.appendChild(customCard); } if (moreResultsAvailable) { cards.slice(insertIndex).forEach(function (card) { card.classList.add(CONFIG.hiddenClass); }); } addStyles(); } function scheduleInject(delay) { clearTimeout(window.__arvalCustomCardTimer); window.__arvalCustomCardTimer = setTimeout(function () { const hasError = document.body.innerText.toLowerCase().includes("merci de réessayer plus tard"); if (hasError) return; injectCustomCard(); }, delay || 1500); } function init() { if (!document.querySelector(CONFIG.sourceSelector)) return; addStyles(); scheduleInject(800); const target = document.querySelector(".loader-overview") || document.body; const observer = new MutationObserver(function (mutations) { const onlyInsideArvalCard = mutations.every(function (mutation) { return ( mutation.target && mutation.target.closest && mutation.target.closest("#" + CONFIG.cardId) ); }); if (onlyInsideArvalCard) return; scheduleInject(1500); }); observer.observe(target, { childList: true, subtree: true }); document.addEventListener( "pointerdown", function (e) { const isFilterAction = e.target.closest( "button, input, select, label, [role='button']" ); if (!isFilterAction) return; if (e.target.closest("#" + CONFIG.cardId)) return; resetHiddenCards(); removeInjectedCard(); }, true ); } setTimeout(init, 800); })(); (function () { const CONFIG = { noResultFormId: "arval-no-result-search-form", resultContentSelector: ".filter-content-block__content", realCardSelector: ".offer-card-vehicle" }; function getVisibleVehicleCards() { return Array.from( document.querySelectorAll( CONFIG.resultContentSelector + " " + CONFIG.realCardSelector ) ).filter(function (card) { if (card.id === CONFIG.noResultFormId) return false; const style = window.getComputedStyle(card); return ( style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0" && card.offsetParent !== null ); }); } function updateNoResultFormVisibility() { const form = document.getElementById(CONFIG.noResultFormId); if (!form) return; const visibleCards = getVisibleVehicleCards(); if (visibleCards.length > 0) { form.style.display = "none"; } else { form.style.display = "block"; } } function triggerCheck() { setTimeout(updateNoResultFormVisibility, 200); setTimeout(updateNoResultFormVisibility, 700); setTimeout(updateNoResultFormVisibility, 1500); setTimeout(updateNoResultFormVisibility, 2500); } function init() { const form = document.getElementById(CONFIG.noResultFormId); if (!form) return; updateNoResultFormVisibility(); document.addEventListener("click", triggerCheck, true); document.addEventListener("change", triggerCheck, true); document.addEventListener("input", triggerCheck, true); document.addEventListener("pointerup", triggerCheck, true); } setTimeout(init, 800); })();

Economique BVM

Economique BVM