Цівки

Сортировка:

Отображение:

(function () { if (window.__AT_TIMERS_FIXED__) return; window.__AT_TIMERS_FIXED__ = true; const MOBILE_MAX = 767; const CYCLE_DAYS = 3; const CYCLE_SECONDS = CYCLE_DAYS * 24 * 60 * 60; const isMobile = () => window.innerWidth <= MOBILE_MAX; // === CSS (КОЛЬОРИ НЕ МІНЯЮ) === const css = ` /* ===== catalogCard-main (жовтий/синій) ===== */ .discount-timer{ display:flex; align-items:center; gap:15%; margin:6px 0 6px; font-size:13px; line-height:1.25; font-weight:600; color:#111; } .discount-timer__badge{ padding:4px 8px; border-radius:999px; background:#d32f2f; color:#fff; font-weight:800; font-size:14px; box-shadow:0 2px 6px rgba(0,0,0,.25); white-space:nowrap; } .discount-timer__clock{ margin-left:28%; display:flex; align-items:center; gap:4px; padding:4px 8px; border-radius:999px; background:#ffeb3b !important; color:#0b6cff !important; font-family:monospace; font-size:13px; box-shadow:0 2px 6px rgba(0,0,0,.25); white-space:nowrap; } .discount-timer__icon{ font-size:14px; } .discount-timer__time{ font-weight:700; } @media(max-width:767px){ .discount-timer{ font-size:12px; gap:10%; margin:4px 0; margin-left:0; } .discount-timer__badge{ font-size:12px; padding:3px 7px; } .discount-timer__clock{ padding:3px 7px; font-size:12px; } } /* ===== product page ===== */ .product-discount-box{ margin-top:10px; margin-bottom:14px; display:flex; align-items:center; gap:12px; } .discount-timer{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; color:#111; } .discount-timer__badge{ background:#d32f2f; color:#fff; padding:4px 10px; border-radius:999px; font-size:15px; font-weight:800; } .discount-timer__clock{ margin-left:28%; background:#1f2937; padding:4px 10px; border-radius:999px; color:#e5e7eb; font-family:monospace; font-size:15px; } /* ===== catalog-card ===== */ .discount-timer{ display:flex; align-items:center; margin:6px 0 6px; font-size:13px; line-height:1.25; font-weight:600; color:#111; width:100%; } .discount-timer__badge{ padding:4px 8px; border-radius:999px; background:#d32f2f; color:#fff; font-weight:800; font-size:14px; box-shadow:0 2px 6px rgba(0,0,0,.25); white-space:nowrap; } .discount-timer__clock{ margin-left:auto; margin-right:25%; display:flex; align-items:center; padding:4px 8px; border-radius:999px; background:#111827; color:#e5e7eb; font-family:monospace; font-size:13px; box-shadow:0 2px 6px rgba(0,0,0,.25); white-space:nowrap; } .discount-timer__time{ font-weight:700; } @media(max-width:767px){ .discount-timer{ font-size:12px; margin:4px 0; } .discount-timer__badge{ font-size:12px; padding:3px 7px; } .discount-timer__clock{ padding:3px 7px; font-size:12px; margin-right:25%; } } /* ===== product-card mobile ===== */ .product-discount-box{ margin-top:8px; margin-bottom:10px; display:flex; align-items:center; gap:12px; } .discount-timer__clock{ background:#1f2937; padding:4px 10px; border-radius:999px; color:#e5e7eb; font-family:monospace; font-size:15px; } /* ===== brands button ===== */ @media(min-width:768px){ .news__all--brands { display:none; } } `; function ensureStyles() { if (document.getElementById("at-discount-style-fixed")) return; const style = document.createElement("style"); style.id = "at-discount-style-fixed"; style.textContent = css; document.head.appendChild(style); } function parsePrice(text) { const n = parseInt(String(text || "").replace(/\D/g, ""), 10); return Number.isFinite(n) ? n : NaN; } // === 3-денний цикл від сьогодні 00:00 === function getCycleStart() { const now = new Date(); return new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0); } function getCycleEnd(start) { return new Date(start.getTime() + CYCLE_SECONDS * 1000); } let cycleStart = getCycleStart(); let cycleEnd = getCycleEnd(cycleStart); function secondsLeft() { const now = new Date(); if (now >= cycleEnd) { cycleStart = getCycleStart(); cycleEnd = getCycleEnd(cycleStart); } let sec = Math.floor((cycleEnd - now) / 1000); if (sec < 0) sec = 0; return sec; } function formatTime(sec) { if (sec <= 0) return "00:00:00"; if (sec >= 86400) return Math.ceil(sec / 86400) + " дні"; const h = Math.floor(sec / 3600); const m = Math.floor((sec % 3600) / 60); const s = sec % 60; return [h, m, s].map(v => String(v).padStart(2, "0")).join(":"); } // === MOUNTS (вставляємо лише якщо ще не вставлено) === function mountCatalogCardMainTimers() { const cards = document.querySelectorAll(".catalogCard-main"); if (!cards.length) return; cards.forEach(card => { if (card.querySelector(".discount-timer[data-kind='catalogCard-main']")) return; const oldEl = card.querySelector(".catalogCard-oldPrice"); const newEl = card.querySelector(".catalogCard-price"); const info = card.querySelector(".catalogCard-info"); const titleEl = info ? info.querySelector(".catalogCard-title") : null; if (!oldEl || !newEl || !titleEl) return; const oldPrice = parsePrice(oldEl.textContent); const newPrice = parsePrice(newEl.textContent); if (!oldPrice || !newPrice || newPrice >= oldPrice) return; const discountPercent = Math.round((1 - newPrice / oldPrice) * 100); const timerWrapper = document.createElement("div"); timerWrapper.className = "discount-timer"; timerWrapper.dataset.kind = "catalogCard-main"; timerWrapper.innerHTML = `

-${discountPercent}%

⏱

`; titleEl.insertAdjacentElement("afterend", timerWrapper); }); } function mountProductPageTimer() { if (document.querySelector(".product-discount-box[data-kind='product-page']")) return; const priceBox = document.querySelector(".product-price__box"); if (!priceBox) return; const newPriceEl = priceBox.querySelector(".product-price__item--new"); const oldPriceEl = priceBox.querySelector(".product-price__old-price"); if (!newPriceEl || !oldPriceEl) return; const newPrice = parsePrice(newPriceEl.textContent); const oldPrice = parsePrice(oldPriceEl.textContent); if (!newPrice || !oldPrice || newPrice >= oldPrice) return; const discountPercent = Math.round(100 - (newPrice / oldPrice) * 100); const headerTop = document.querySelector(".product-header__row--top") || document.querySelector("h1"); if (!headerTop) return; const box = document.createElement("div"); box.className = "product-discount-box"; box.dataset.kind = "product-page"; box.innerHTML = `

-${discountPercent}%

`; headerTop.insertAdjacentElement("afterend", box); } function mountCatalogCardTimers() { const cards = document.querySelectorAll(".catalog-card"); if (!cards.length) return; cards.forEach(card => { if (card.querySelector(".discount-timer[data-kind='catalog-card']")) return; const newEl = card.querySelector(".catalog-card__price--new"); const oldEl = card.querySelector(".catalog-card__old-price"); const titleEl = card.querySelector(".catalog-card__title"); if (!newEl || !oldEl || !titleEl) return; const oldPrice = parsePrice(oldEl.textContent); const newPrice = parsePrice(newEl.textContent); if (!oldPrice || !newPrice || newPrice >= oldPrice) return; const discountPercent = Math.round(100 - (newPrice / oldPrice) * 100); const timerWrapper = document.createElement("div"); timerWrapper.className = "discount-timer"; timerWrapper.dataset.kind = "catalog-card"; timerWrapper.innerHTML = `

-${discountPercent}%

⏱

`; titleEl.insertAdjacentElement("afterend", timerWrapper); }); } function mountProductCardTimer() { if (!isMobile()) return; if (document.querySelector(".product-discount-box[data-kind='product-card']")) return; const priceBox = document.querySelector(".product-card__price-box"); if (!priceBox) return; const newPriceEl = priceBox.querySelector(".product-card__price--new"); const oldPriceEl = priceBox.querySelector(".product-card__old-price"); if (!newPriceEl || !oldPriceEl) return; const newPrice = parsePrice(newPriceEl.textContent); const oldPrice = parsePrice(oldPriceEl.textContent); if (!newPrice || !oldPrice || newPrice >= oldPrice) return; const discountPercent = Math.round(100 - (newPrice / oldPrice) * 100); const bodyEl = document.querySelector(".product-card__body"); if (!bodyEl) return; const presenceEl = bodyEl.querySelector(".product-card__presence"); const box = document.createElement("div"); box.className = "product-discount-box"; box.dataset.kind = "product-card"; box.innerHTML = `

-${discountPercent}%

`; if (presenceEl) presenceEl.insertAdjacentElement("afterend", box); else bodyEl.insertAdjacentElement("afterbegin", box); } function mountBrandsButton() { if (!isMobile()) return; const brandsWrap = document.querySelector(".brands__wrap"); if (!brandsWrap) return; if (document.querySelector(".news__all--brands")) return; const block = document.createElement("div"); block.className = "news__all news__all--brands"; block.innerHTML = `Всі бренди`; brandsWrap.insertAdjacentElement("afterend", block); } // === UPDATE ONLY (без важких операцій) === function updateAllTimes() { const text = formatTime(secondsLeft()); document.querySelectorAll(".discount-timer__time").forEach(el => { el.textContent = text; }); } // === RUN (важке) === function runAll() { ensureStyles(); mountCatalogCardMainTimers(); mountProductPageTimer(); mountCatalogCardTimers(); mountProductCardTimer(); mountBrandsButton(); updateAllTimes(); } // === BOOT === function boot() { runAll(); // Один глобальний інтервал (не множимо!) if (!window.__AT_TIMERS_INTERVAL__) { window.__AT_TIMERS_INTERVAL__ = setInterval(updateAllTimes, 1000); } // MutationObserver з тротлінгом, щоб не “молотив” постійно if (!window.__AT_TIMERS_OBSERVER__) { let scheduled = false; const mo = new MutationObserver(() => { if (scheduled) return; scheduled = true; setTimeout(() => { scheduled = false; runAll(); }, 200); }); mo.observe(document.documentElement, { childList: true, subtree: true }); window.__AT_TIMERS_OBSERVER__ = mo; } window.addEventListener("resize", () => runAll(), { passive: true }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", boot); } else { boot(); } })();