`; } else { console.error("Element with ID '#block-text_WxkXKV' not found."); } }); document.addEventListener("DOMContentLoaded", () => { const cartIcon = ".icon--cart"; cartIcon.innerHTML = ``; }); document.addEventListener("DOMContentLoaded", function () { const priceContainer = document.querySelectorAll(".product-item__price-list"); priceContainer.forEach((singlePriceContainer) => { if (!singlePriceContainer) { console.error("Price container not found."); return; } const priceElement = singlePriceContainer.querySelector(".price"); if (priceElement) { let priceText = priceElement.textContent.trim().replace(/[^0-9.]/g, ""); // Extract price let price = parseFloat(priceText); if (isNaN(price)) { console.error("Failed to parse price."); return; } let priceWithoutVAT = price / 1.2; const priceOutVat = document.createElement("div"); priceOutVat.style.color = "#00692c"; priceOutVat.innerHTML = `From £${priceWithoutVAT.toFixed( 2 )} ex VAT`; const priceWithVat = document.createElement("div"); priceWithVat.innerHTML = `From £${price.toFixed( 2 )} inc VAT`; // Clear previous content and append new elements singlePriceContainer.innerHTML = ""; singlePriceContainer.style.display = "flex"; singlePriceContainer.style.paddingTop = "10px"; singlePriceContainer.style.flexDirection = "column"; singlePriceContainer.appendChild(priceOutVat); singlePriceContainer.appendChild(document.createElement("br")); singlePriceContainer.appendChild(priceWithVat); } else { console.error("Price element not found."); } }); }); document.addEventListener("DOMContentLoaded", function () { setTimeout(() => { // Delay in case of lazy-loading const priceContainers = document.querySelectorAll( ".product-item__price-list.price-list" ); if (priceContainers.length === 0) { console.error("No price containers found."); return; } priceContainers.forEach((singlePriceContainer) => { if (!singlePriceContainer) return; console.log("Found price container:", singlePriceContainer); const priceElement = singlePriceContainer.querySelector(".price"); if (!priceElement) { console.error("Price element not found inside:", singlePriceContainer); return; } let priceText = priceElement.textContent.trim().replace(/[^0-9.]/g, ""); // Extract numbers let price = parseFloat(priceText); if (isNaN(price)) { console.error("Failed to parse price from:", priceText); return; } let priceWithoutVAT = price / 1.2; const priceOutVat = document.createElement("div"); priceOutVat.style.color = "#00692c"; priceOutVat.innerHTML = `From £${priceWithoutVAT.toFixed( 2 )} ex VAT`; const priceWithVat = document.createElement("div"); priceWithVat.innerHTML = `From £${price.toFixed( 2 )} inc VAT`; // Clear previous content and append new elements singlePriceContainer.innerHTML = ""; singlePriceContainer.style.display = "flex"; singlePriceContainer.style.paddingTop = "10px"; singlePriceContainer.style.flexDirection = "column"; singlePriceContainer.appendChild(priceOutVat); singlePriceContainer.appendChild(document.createElement("br")); singlePriceContainer.appendChild(priceWithVat); }); }, 500); }); document.addEventListener("DOMContentLoaded", () => { const container = document.querySelector(".footer__aside-item--localization"); container.innerHTML = ""; const message = document.createElement("p"); message.innerHTML = "Fire Protection Centre Limited. Company Registration No: 03798539. VAT No: 279 1182 80"; container.prepend(message); const dateAndUrban = document.createElement("p"); dateAndUrban.innerHTML = `© ${new Date().getFullYear()} | Website developed by Urban Feather Ltd`; container.appendChild(dateAndUrban); }); const input = document.getElementById('predictive-search'); const results = document.getElementById('predictive-results'); const gridcont = document.querySelectorAll('.grid-lvl-1 ') function attachPredictiveSearch(inputId, resultsId){ const input = document.getElementById(inputId); const results = document.getElementById(resultsId); if(!input || !results) return; // graceful exit if element missing input.addEventListener('input', async () => { const query = input.value.trim(); if (query.length < 2){ results.style.display = 'none'; results.innerHTML = ''; return; } try{ const req = await fetch(`/search/suggest.json?q=${encodeURIComponent(query)}&resources[type]=product&resources[limit]=4`, { headers:{ 'X-Requested-With':'XMLHttpRequest' } }); const data = await req.json(); const products = data.resources.results.products || []; if (products.length){ results.innerHTML = products.map(p => `

${p.title}

`).join(''); } else { results.innerHTML = '

No results found

'; } results.style.display = 'block'; }catch(err){ console.error('Predictive search error:', err); } }); // close box when clicking elsewhere document.addEventListener('click', e => { if (!e.target.closest(`#${inputId}`) && !e.target.closest(`#${resultsId}`)){ results.style.display = 'none'; } }); } attachPredictiveSearch('predictive-search', 'predictive-results'); // desktop attachPredictiveSearch('predictive-search-mobile', 'predictive-results-mobile'); document.addEventListener('DOMContentLoaded', () => { const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.querySelector('.navigation-menu-mobile'); const level2Menus = document.querySelectorAll('.mobile-menu-lvl-2'); const level3Menus = document.querySelectorAll('.mobile-menu-lvl-3'); const fadeIn = (el) => { el.style.opacity = 0; el.style.display = 'block'; el.style.transition = 'opacity 0.3s ease'; requestAnimationFrame(() => (el.style.opacity = 1)); }; const fadeOut = (el, callback) => { el.style.opacity = 1; el.style.transition = 'opacity 0.3s ease'; el.style.opacity = 0; setTimeout(() => { el.style.display = 'none'; if (callback) callback(); }, 300); }; // Toggle mobile menu let menuOpen = false; mobileMenu.style.display = 'none'; mobileMenuButton.addEventListener('click', () => { menuOpen ? fadeOut(mobileMenu) : fadeIn(mobileMenu); menuOpen = !menuOpen; }); // Handle nested menu transitions const proceedingButtons = document.querySelectorAll('.proceeding-button'); const backButtons = document.querySelectorAll('.button-back'); proceedingButtons.forEach((btn) => { btn.addEventListener('click', (e) => { const nextMenu = btn.nextElementSibling; if (nextMenu && (nextMenu.classList.contains('mobile-menu-lvl-2') || nextMenu.classList.contains('mobile-menu-lvl-3'))) { nextMenu.style.transform = 'translateX(-100%)'; nextMenu.style.filter = 'blur(0px)'; } }); }); backButtons.forEach((btn) => { btn.addEventListener('click', () => { const parentMenu = btn.closest('ul'); parentMenu.style.transform = 'translateX(110%)'; parentMenu.style.filter = 'blur(8px)'; }); }); });

Contact Us

Help and Advice

Accreditations