1. You can center it by using the same wpmc_after_switching_tab JavaScript hook. Please ask a developer to help you with this customization.
2. The “next” button normally doesn’t show up on the Login step or on the last step. On your website it shows up on all the steps because of the wpmc-nav-wrapper .wpmc-footer-right.wpmc-nav-buttons #wpmc-next{display:block!important;} CSS rule you added from the “WP Admin -> Divi -> Theme Options” page.
The “back” button needs to show up on the last step. There is already a “Place Order” button, but the customers need a way to come back to previous steps so they can check if all the inputted data is correct.
thank you very much. I deleted it and now its OK.
I have also the “edit cart” button, so therefore I dont need the “back” button. I tried it with this code below but nothing has happen. Is there any mistake?
<script>
jQuery(document).ready(function( $ ){
$(‘.woocommerce-checkout’).on(‘wpmc_after_switching_tab’, function() {
if ( $(‘.wpmc-review.current’).length == 1 ) {
$(‘#wpmc-prev’).hide();
} else {
$(‘#wpmc-prev’).show();
}
});
});
</script>
Try the following code for hiding the “Back” button on the last page:
jQuery(document).ready(function($){
$( '.woocommerce-checkout' ).on( 'wpmc_after_switching_tab', function() {
if ( $( '.wpmc-tabs-wrapper li.wpmc-tab-item:last-child' ).hasClass( 'current' ) ) {
$( '#wpmc-prev' ).hide().removeClass( 'current' );
} else {
$( '#wpmc-prev' ).show();
}
});
});
