One-Page Checkout [Support Thread]

[rbarbour]

I mean when I am on the checkout page, guest checkout in this example, I fill in the contact info window and click save changes. It then opens the billing address window which on my 17" laptop is mostly "below the fold" and I have to scroll down the page to fill it in. It's just a small user experience adjustment if we can keep the modal boxes height-centered in the viewport on initial render no matter where they are on the page, or maybe cursor -centered if that is possible.

I know I can just tab through the fields and it will keep scrolling the window up, but I think it might look better/be more "don't make me think" if it was all in view.

Could use jquery

$(window).load(function(){
    $('html, body').animate({
        scrollTop: $('.opc-view .card-header').offset().top
    }, 'slow');
});

This of course would assume your using the ZCA Bootstrap Template with OPC overrides.