(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); })();

Collection: ART Spiderjack 2.1 及備件