Hier ein nerviges Problem was in vielen Templates drin ist und schlicht ein Bug ist.
Folgende Lösung löst das Problem:
Die Lösung habe ich hier gefunden https://minhducnho.wordpress.com/2015/12/23/fix-one-page-checkout-scrolling-to-the-footer-bottom-of-screen-on-next-step/
Die Ursache ist ein JavaScript was nicht korrekt arbeitet. Es befindet sich hier:
\app\design\frontend\Template_XXXXX\Template_XXXXX\template\checkout\onepage.phtml
Irgendwo meist recht weit unten gibt es ein Bereich der aussieht wie folgt:
<script type=“text/javascript“>
//<![CDATA[
var accordion = new Accordion(‚checkoutSteps‘, ‚.step-title‘, true);
<?php if($this->getActiveStep()): ?>
accordion.openSection(‚opc-<?php echo $this->getActiveStep() ?>‘);
<?php endif ?>
var checkout = new Checkout(accordion,{
progress: ‚<?php echo $this->getUrl(‚checkout/onepage/progress‘) ?>‘,
review: ‚<?php echo $this->getUrl(‚checkout/onepage/review‘) ?>‘,
saveMethod: ‚<?php echo $this->getUrl(‚checkout/onepage/saveMethod‘) ?>‘,
failure: ‚<?php echo $this->getUrl(‚checkout/cart‘) ?>‘}
);//]]>
</script>
Dort muss hinter „var checkout = new Checkout“ folgender Code eingefügt werden
checkout.gotoSection = function (section, reloadProgressBlock) {
Checkout.prototype.gotoSection.call(this, section, reloadProgressBlock);
$(‘opc-‘ + section).scrollTo();
};
Nach dem einfügen sollte es in etwa so aussehen
<script type=“text/javascript“>
//<![CDATA[
var accordion = new Accordion(‚checkoutSteps‘, ‚.step-title‘, true);
<?php if($this->getActiveStep()): ?>
accordion.openSection(‚opc-<?php echo $this->getActiveStep() ?>‘);
<?php endif ?>
var checkout = new Checkout(accordion,{
progress: ‚<?php echo $this->getUrl(‚checkout/onepage/progress‘) ?>‘,
review: ‚<?php echo $this->getUrl(‚checkout/onepage/review‘) ?>‘,
saveMethod: ‚<?php echo $this->getUrl(‚checkout/onepage/saveMethod‘) ?>‘,
failure: ‚<?php echo $this->getUrl(‚checkout/cart‘) ?>‘}
);
checkout.gotoSection = function (section, reloadProgressBlock) {
Checkout.prototype.gotoSection.call(this, section, reloadProgressBlock);
$(‚opc-‚ + section).scrollTo();
};
//]]>
</script>