/* Ever-power Header JS — ever-power-header.js Upload to: /wp-content/themes/Divi/js/ever-power-header.js Then enqueue in functions.php OR paste into: Divi > Theme Options > Integration > Body Code (The body integration field does not pass through the code-module WAF filter) */ (function () { "use strict"; function sanitize(str) { var d = document.createElement("div"); d.textContent = str; return d.innerHTML; } function onScroll() { var scrolled = window.scrollY > 60; document.getElementById("ep-hdr-main").classList.toggle("ep-scrolled", scrolled); } window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); var productsNav = document.getElementById("ep-products-nav"); var productsLink = document.getElementById("ep-products-link"); productsLink.addEventListener("click", function (e) { e.preventDefault(); var open = productsNav.classList.toggle("ep-open"); productsLink.setAttribute("aria-expanded", open ? "true" : "false"); }); document.addEventListener("click", function (e) { if (!productsNav.contains(e.target)) { productsNav.classList.remove("ep-open"); productsLink.setAttribute("aria-expanded", "false"); } }); var catsLoaded = false; var staticFallback = [ { name: "Clamp Oldham Couplings", slug: "clamp-oldham-couplings" }, { name: "Set Screw Oldham Couplings", slug: "set-screw-oldham-couplings" }, { name: "SL Type Oldham Couplings", slug: "sl-type-oldham-couplings" }, { name: "WH Type Oldham Couplings", slug: "wh-type-oldham-couplings" } ]; function getIcon(name) { var n = name.toLowerCase(); if (n.indexOf("clamp") > -1) return "🔗"; if (n.indexOf("set") > -1) return "🔧"; if (n.indexOf("sl") > -1) return "📋"; if (n.indexOf("wh") > -1) return "📦"; return "⚙"; } function renderCats(cats) { var catListEl = document.getElementById("ep-cat-list"); catListEl.innerHTML = ""; cats.forEach(function (cat) { var a = document.createElement("a"); a.className = "ep-hdr-dropdown-item"; a.href = "/products/" + cat.slug + "/"; a.setAttribute("role", "menuitem"); var iconSpan = document.createElement("span"); iconSpan.className = "ep-hdr-dropdown-item-icon"; iconSpan.innerHTML = getIcon(cat.name); var nameSpan = document.createElement("span"); nameSpan.textContent = cat.name; var arrowSpan = document.createElement("span"); arrowSpan.className = "ep-hdr-dropdown-item-arrow"; arrowSpan.innerHTML = "›"; a.appendChild(iconSpan); a.appendChild(nameSpan); a.appendChild(arrowSpan); catListEl.appendChild(a); }); var drawerCatList = document.getElementById("ep-drawer-cat-list"); drawerCatList.innerHTML = ""; var allLi = document.createElement("li"); var allA = document.createElement("a"); allA.className = "ep-hdr-drawer-sub-link"; allA.href = "/products/"; allA.innerHTML = "📦 All Products"; allLi.appendChild(allA); drawerCatList.appendChild(allLi); cats.forEach(function (cat) { var li = document.createElement("li"); var a = document.createElement("a"); a.className = "ep-hdr-drawer-sub-link"; a.href = "/products/" + cat.slug + "/"; a.innerHTML = getIcon(cat.name) + " " + sanitize(cat.name); li.appendChild(a); drawerCatList.appendChild(li); }); } function loadCats() { if (catsLoaded) return; catsLoaded = true; fetch("/wp-json/wp/v2/product_cat?per_page=10&_embed", { headers: { "Accept": "application/json" } }) .then(function (r) { if (!r.ok) throw new Error("API error"); return r.json(); }) .then(function (data) { var filtered = data.filter(function (c) { return c.slug !== "uncategorized" && c.count > 0; }); if (filtered.length === 0) throw new Error("Empty"); renderCats(filtered.map(function (c) { return { name: c.name, slug: c.slug }; })); }) .catch(function () { renderCats(staticFallback); }); } productsLink.addEventListener("mouseenter", loadCats); productsLink.addEventListener("click", loadCats); /* SEARCH */ var searchInput = document.getElementById("ep-search-input"); var searchResults = document.getElementById("ep-search-results"); var searchClear = document.getElementById("ep-search-clear"); var searchTimer = null; var currentTerm = ""; function sanitizeInput(raw) { return raw.replace(/[<>&"]/g, "").trim().slice(0, 80); } function showResults(node) { searchResults.innerHTML = ""; if (typeof node === "string") { searchResults.innerHTML = node; } else { searchResults.appendChild(node); } searchResults.classList.add("ep-visible"); } function hideResults() { searchResults.classList.remove("ep-visible"); } function buildResultItem(item) { var cat = (item.categories && item.categories.length > 0) ? item.categories[0].name : "Oldham Coupling"; var a = document.createElement("a"); a.className = "ep-hdr-search-result-item"; a.href = item.permalink; var imgUrl = (item.images && item.images.length > 0) ? (item.images[0].thumbnail || item.images[0].src || "") : ""; if (imgUrl) { var img = document.createElement("img"); img.className = "ep-hdr-search-thumb"; img.src = imgUrl; img.alt = ""; img.loading = "lazy"; var fallback = document.createElement("span"); fallback.className = "ep-hdr-search-thumb-fallback"; fallback.style.display = "none"; fallback.innerHTML = "⚙"; img.addEventListener("error", function () { img.style.display = "none"; fallback.style.display = "flex"; }); a.appendChild(img); a.appendChild(fallback); } else { var fb = document.createElement("span"); fb.className = "ep-hdr-search-thumb-fallback"; fb.innerHTML = "⚙"; a.appendChild(fb); } var info = document.createElement("div"); info.className = "ep-hdr-search-result-info"; var nameDiv = document.createElement("div"); nameDiv.className = "ep-hdr-search-result-name"; nameDiv.textContent = item.name; var catDiv = document.createElement("div"); catDiv.className = "ep-hdr-search-result-cat"; catDiv.textContent = cat; info.appendChild(nameDiv); info.appendChild(catDiv); a.appendChild(info); var arrow = document.createElement("span"); arrow.className = "ep-hdr-search-result-arrow"; arrow.innerHTML = "›"; a.appendChild(arrow); return a; } function doSearch(term) { if (!term || term.length < 2) { hideResults(); return; } currentTerm = term; var loadDiv = document.createElement("div"); loadDiv.className = "ep-hdr-search-loading"; loadDiv.innerHTML = " Searching…"; showResults(loadDiv); fetch("/wp-json/wc/store/v1/products?search=" + encodeURIComponent(term) + "&per_page=5", { headers: { "Accept": "application/json" } }) .then(function (r) { if (!r.ok) throw new Error("err"); return r.json(); }) .then(function (data) { if (currentTerm !== term) return; if (!data || data.length === 0) { var noRes = document.createElement("div"); noRes.className = "ep-hdr-search-no-results"; noRes.textContent = "No products found for “" + sanitize(term) + "”"; showResults(noRes); return; } var frag = document.createDocumentFragment(); data.forEach(function (item) { frag.appendChild(buildResultItem(item)); }); var allLink = document.createElement("a"); allLink.className = "ep-hdr-search-all-link"; allLink.href = "/shop/?s=" + encodeURIComponent(term); allLink.innerHTML = "🔍 See all results for “" + sanitize(term) + "” →"; frag.appendChild(allLink); showResults(frag); }) .catch(function () { if (currentTerm !== term) return; var errDiv = document.createElement("div"); errDiv.className = "ep-hdr-search-no-results"; errDiv.innerHTML = "Search unavailable. Try full search →"; showResults(errDiv); }); } searchInput.addEventListener("input", function () { var raw = searchInput.value; var term = sanitizeInput(raw); searchClear.classList.toggle("ep-visible", raw.length > 0); clearTimeout(searchTimer); if (term.length < 2) { hideResults(); return; } searchTimer = setTimeout(function () { doSearch(term); }, 320); }); searchClear.addEventListener("click", function () { searchInput.value = ""; searchClear.classList.remove("ep-visible"); hideResults(); searchInput.focus(); }); document.addEventListener("click", function (e) { if (!document.getElementById("ep-search-wrap").contains(e.target)) { hideResults(); } }); searchInput.addEventListener("keydown", function (e) { if (e.key === "Escape") { hideResults(); searchInput.blur(); } }); /* MOBILE DRAWER */ var mobileToggle = document.getElementById("ep-mobile-toggle"); var drawer = document.getElementById("ep-hdr-drawer"); mobileToggle.addEventListener("click", function () { var open = drawer.classList.toggle("ep-open"); mobileToggle.classList.toggle("ep-open", open); mobileToggle.setAttribute("aria-expanded", open ? "true" : "false"); drawer.setAttribute("aria-hidden", open ? "false" : "true"); document.body.style.overflow = open ? "hidden" : ""; if (open) loadCats(); }); var drawerProductsToggle = document.getElementById("ep-drawer-products-toggle"); var drawerSubList = document.getElementById("ep-drawer-cat-list"); drawerProductsToggle.addEventListener("click", function (e) { e.preventDefault(); var open = drawerSubList.classList.toggle("ep-open"); drawerProductsToggle.setAttribute("aria-expanded", open ? "true" : "false"); }); var drawerSearch = document.getElementById("ep-drawer-search"); drawerSearch.addEventListener("input", function () { var term = sanitizeInput(drawerSearch.value); clearTimeout(searchTimer); if (term.length < 2) return; searchTimer = setTimeout(function () { window.location.href = "/shop/?s=" + encodeURIComponent(term); }, 800); }); drawerSearch.addEventListener("keydown", function (e) { if (e.key === "Enter") { var term = sanitizeInput(drawerSearch.value); if (term) window.location.href = "/shop/?s=" + encodeURIComponent(term); } }); /* Ever-power Header JS — ever-power-header.js Upload to: /wp-content/themes/Divi/js/ever-power-header.js Then enqueue in functions.php OR paste into: Divi > Theme Options > Integration > Body Code (The body integration field does not pass through the code-module WAF filter) */ (function () { var el = document.getElementById("ep-ftr-year"); if (el) el.textContent = new Date().getFullYear(); })(); })();