Cursor moves directly to payment method when checkout page loads.

[mwfloral]

Hi there,

I have one page checkout enabled, with COD, Check and Simplify CC as my three payment methods. When I click checkout, the page loads and the cursor jumps down to where one would enter CC number. Then, the customer has to manually scroll all the way to the top in order to review the order.

 

Obviously this issue goes away when I change to 5 step checkout.

 

Any help is appreciated.

[MEG Venture]

I may give you an alternative solution. If you do that, the page should be automatically scrolled top on page load. Please disable cache and allow for smart template compilations from the backoffice>perfomance tab to see its effect. Once you see the effect, you can restore their old values again.

 

Thanks

 

1. Open themes>default-bootstrap>order-payment.tpl

2. At the end of that file add the below code snippet

3. Save and close the file.

<script>
document.body.scrollTop = document.documentElement.scrollTop = 0;
</script>

[mwfloral]

That didn't work

[MEG Venture]

Actually, it should work. Can you please share your website address with an existing product and available quantity? Therefore, I can debug myself. Or you can share it via PM.

Edited April 16, 2016 by MEG Venture (see edit history)

[mwfloral]

sure...

 

www.florasource.flowers

 

visitor, guest checkout is enabled. 

[mwfloral]

Just select any product and qty, and checkout via cod or check. You can see how the cursor moves down instantly on the page...

[MEG Venture]

Can you please add the code to the themes>default-bootstrap>order-opc.tpl ?

[mwfloral]

I've add the code at the very bottom, before the {/if} correct?

[MEG Venture]

Correct

[mwfloral]

It seems to be working fine on all browsers except google chrome. Any suggestions?