MemberPress: Reposition the Invoice Wrapper in the Registration Form

This code snippet will move the invoice section (.mepr-transaction-invoice-wrapper) of the registration form and position it directly after or before the submit button. This allows adjustments to the registration form layout for modified user experience or custom design requirements.

The sample code will position the invoice section directly after the submit button.

Note: The snippet will work on the ReadyLaunch™ template. To reposition the invoice wrapper for the Classic registration template, replace the class .mepr-transaction-invoice-wrapper with the .mepr_price class in this line of code:

document.querySelector('.mepr-transaction-invoice-wrapper');

To insert the invoice wrapper before the submit button, replace the "afterend" with the "beforebegin" in the following lines:

submitButton.insertAdjacentElement('afterend', invoiceWrapper);