Magento Lösung: Sicht springt im Bereich Kasse zum Footer nach Klick auf Button weiter

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>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.