(function () { function handleCartEvents(e) { var total = e.detail?.total_price || e.detail?.cart?.total_price || 0; if (!total) return; var installment = window.OpusConvertMoney((total / 4)); // Find the exact Opus checkout button var btn = document.querySelector("#opus-checkout-btn-2"); if (!btn) return; // --- 1. EXISTING OPUS CODE: Installment Block --- var blockId = "opus-payment-installments"; var block = document.getElementById(blockId); if (!block) { block = document.createElement("div"); block.id = blockId; block.style.marginTop = "12px"; block.innerHTML = `

or 4 interest-free payments of ${installment} with clearpay

`; btn.insertAdjacentElement("beforebegin", block); } else { var priceEl = block.querySelector("#opus-installment-price"); if (priceEl) priceEl.textContent = `${installment}`; } // --- 2. NEW CODE: Purchase Order Button --- // SAFETY CHECK: Only draw the button if the App Embed is active if (document.getElementById("po-modal")) { var poBlockId = "opus-po-btn-wrapper"; var poBlock = document.getElementById(poBlockId); if (!poBlock) { poBlock = document.createElement("div"); poBlock.id = poBlockId; poBlock.style.marginTop = "12px"; // we added an ID to the button here: id="opus-injected-po-btn" poBlock.innerHTML = `

Business, school or council customer? Request a purchase order before payment.

`; btn.insertAdjacentElement("afterend", poBlock); // Force the modal to open directly when this specific button is clicked document.getElementById("opus-injected-po-btn").addEventListener("click", function(e) { e.preventDefault(); var modal = document.getElementById("po-modal"); var modalMsg = document.getElementById("po-modal-message"); if (modal) { modal.classList.add("is-open"); if (modalMsg) modalMsg.className = "po-message"; } }); } } } window.addEventListener("OpusCartChange", handleCartEvents); window.addEventListener("OpusOpenCartState", handleCartEvents); // Custom scroll function isMobile() { return window.matchMedia("(hover: none) and (pointer: coarse)").matches; } function getElements() { return { content: document.querySelector('.cdr-main-color.scrollbar-hide'), scrollbar: document.getElementById("customScrollbar"), thumb: document.getElementById("customThumb"), }; } function updateScrollbar() { if (!isMobile()) return; const { content, scrollbar, thumb } = getElements(); if (!content || !scrollbar || !thumb) return; const visibleHeight = content.clientHeight; const scrollHeight = content.scrollHeight; if (scrollHeight <= visibleHeight) { scrollbar.style.display = "none"; return; } scrollbar.style.display = "block"; const thumbHeight = Math.max( (visibleHeight / scrollHeight) * visibleHeight, 30 ); const maxThumbTop = visibleHeight - thumbHeight; const maxScrollTop = scrollHeight - visibleHeight; const thumbTop = maxScrollTop > 0 ? (content.scrollTop / maxScrollTop) * maxThumbTop : 0; thumb.style.height = `${thumbHeight}px`; thumb.style.transform = `translateY(${thumbTop}px)`; } function initScrollbar() { const wrapper = document.querySelector(".opus-scroll-items"); if (!wrapper) return; if (!document.getElementById("customScrollbar")) { wrapper.insertAdjacentHTML( "beforeend", `

` ); } const { content } = getElements(); if (!content) return; if (!content.dataset.scrollInit) { content.addEventListener("scroll", updateScrollbar); content.dataset.scrollInit = "true"; } updateScrollbar(); } window.addEventListener("OpusOpenCartState", initScrollbar); window.addEventListener("resize", updateScrollbar); let dragging = false; let startY = 0; let startTop = 0; document.addEventListener("pointerdown", (e) => { const { thumb } = getElements(); if (!thumb || e.target !== thumb || !isMobile()) return; dragging = true; startY = e.clientY; startTop = thumb.offsetTop; document.body.style.userSelect = "none"; }); document.addEventListener("pointermove", (e) => { if (!dragging) return; const { content, thumb } = getElements(); if (!content || !thumb) return; const visible = content.clientHeight; const total = content.scrollHeight; const thumbHeight = thumb.offsetHeight; const maxThumbTop = visible - thumbHeight; const top = Math.max( 0, Math.min(startTop + (e.clientY - startY), maxThumbTop) ); thumb.style.transform = `translateY(${top}px)`; content.scrollTop = (top / maxThumbTop) * (total - visible); }); document.addEventListener("pointerup", () => { dragging = false; document.body.style.userSelect = ""; }); })();

THE STIHL BATTERY PROMOTION HAS NOW ENDED

Free Batteries with the STIHL AS Machinery

STIHL

STIHL

STIHL AS Machinery Battery Offer

Save on the STIHL AK Battery Range

STIHL AK System Special Offers

Sign Up for all the Latest News, Products and Special Offers:

Request Purchase Order