(function() { function initCheckoutLayout() { const form = document.querySelector('#mm-checkout-form'); const summary = document.getElementById('order-summary'); if (!form) return; // Prevent double-running if (form.classList.contains('layout-processed')) return; form.classList.add('layout-processed'); // 1. Create columns const mainCol = document.createElement('div'); mainCol.className = 'checkout-main-col'; const sideCol = document.createElement('div'); sideCol.className = 'checkout-sidebar-col'; // 2. Move existing form contents to Main Column // We move them to a temporary fragment first to avoid layout thrashing const fragment = document.createDocumentFragment(); while (form.firstChild) { fragment.appendChild(form.firstChild); } mainCol.appendChild(fragment); // 3. Extract the summary if it exists // If 'order-summary' ID is found inside the mainCol, move it to sideCol const existingSummary = mainCol.querySelector('#order-summary') || document.getElementById('order-summary'); if (existingSummary) { sideCol.appendChild(existingSummary); } else { // Fallback: If no ID found, create a placeholder so the layout doesn't look broken sideCol.innerHTML = '

Order Summary (Add ID "order-summary" to your product box in Thrive)

'; } // 4. Rebuild Form form.appendChild(mainCol); form.appendChild(sideCol); } // Run on load and also try a small delay for Thrive's dynamic rendering if (document.readyState === 'complete') { initCheckoutLayout(); } else { window.addEventListener('load', initCheckoutLayout); } // Backup: Thrive sometimes renders elements late setTimeout(initCheckoutLayout, 1000); })();

Heal For Life Weekly