CINXE.COM
Fatal Error
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fatal Error</title> <style> :root { --fsds-background-overlay: rgba(31, 41, 51, 0.6); --fsds-background-color: #F5F7FA; --fsds-text-color: #1F2933; --fsds-dark-background-text-color: #F5F7FA; --fsds-freemius-blue: #6753ff; } body { overflow: hidden; } *, *::before, *::after { box-sizing: border-box; } .fatal-error-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--fsds-background-overlay); z-index: 9999; display: flex; justify-content: center; align-items: center; font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } .fatal-error-box { background-color: var(--fsds-background-color); border-radius: 10px; box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); padding: 20px; width: 600px; /* Adjust width as needed */ max-width: 90%; /* Ensure it fits on smaller screens */ max-height: 100vh; overflow-y: auto; } .fatal-error-box h1 { font-size: 24px; color: var(--fsds-text-color); margin: 0 0 15px 0; } .fatal-error-box p { font-size: 16px; color: var(--fsds-text-color); margin: 0; line-height: 1.5; } .fatal-error-box a { display: inline-block; text-decoration: none; background-color: var(--fsds-freemius-blue); color: var(--fsds-dark-background-text-color); border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease-in-out; margin: 20px 0 0 0; } .fatal-error-box a:hover { background-color: var(--fsds-freemius-blue); } </style> <script> (function () { document.addEventListener('DOMContentLoaded', function () { const isIFrame = (window.self !== window.top); if (!isIFrame) { return; } const anchor = document.createElement('a'); anchor.setAttribute('href', '#'); anchor.addEventListener('click', function (e) { e.preventDefault(); window.parent.postMessage(JSON.stringify({ type: 'canceled', data: null, })); }); anchor.textContent = 'Close'; document.querySelector('.fatal-error-box').appendChild(anchor); }); })(); </script> </head> <body> <div class="fatal-error-overlay"> <div class="fatal-error-box"> <h1>Checkout Loading Error</h1> <p>plugin_id parameter is missing.</p> </div> </div> </body> </html>