Jedna strona Zamówienie przewijanie do dołu ekranu na następnej

Question

Na mojej witrynie magento, dostaję dziwne zachowanie w onepagecheckout, które chciałbym naprawić. Zasadniczo, w kroku 2, po wprowadzeniu wszystkich wymaganych danych i kliknięciu przycisku Kontynuuj, strona automatycznie przewija się w dół na dół ekranu, więc zamiast widzieć opcję wysyłki, widzisz stopkę i musisz przewinąć w górę, aby wybrać Wysyłka. Tak więc moje pytanie brzmi: jak mogę zachować formularze w onepagecheckout "skoncentrowane", tak aby ekran pozostał na nim po kliknięciu przycisku Dalej/Dalej. Próbowałem zmiany funkcji shipping.save() na zdarzenie onclick do czegoś jak:

function test() { 
      shipping.save(); 
      document.getElementById('checkoutSteps').scrollIntoView(); 
} 

Ale to wyraźnie nie działa. Jak więc ustawić stronę, aby pozostała na onepagecheckout po następnym kliknięciu?

Niestety zapomniałem dodać, przycisk ma już istniejące wydarzenie kliknięcia. Zasadniczo, przycisk wygląda tak:

<button type="button" class="button" title="<?php echo $this->__('Continue') ?>" onclick="shipping.save()"><span><span><?php echo $this->__('Continue') ?></span></span></button> 

Nie jestem pewien, czy to sprawy, ale gdy próbuję dodać drugą funkcję onclick (onclick = "shipping.save(); testFunction();"), druga funkcja jest automatycznie usuwana.

Answer 1

Napotkałem ten sam problem. W swojej kasie/onepage.phtml dodać ten kod:

checkout.gotoSection = function (section, reloadProgressBlock) { 
      Checkout.prototype.gotoSection.call(this, section, reloadProgressBlock); 
      $('opc-' + section).scrollTo(); 
     }; 

poniżej

var checkout = new Checkout(....); 

nadzieję, że ta pomoc.

Answer 2

$("#button").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#elementtoScrollToID").offset().top 
    }, 2000); 
}); 

Answer 3

Oprócz Williams answer:

Większość niestandardowe szablony nie „przepisać” base/default/template/checkout/onepage.phtml więc byłoby niektóre napowietrznych skopiować ten plik do szablonu tylko dodać to ...

nadal można używać to z dodaniem nowego pliku szablonu:

Dla szablonów układ local.xml dodać to:

<checkout_onepage_index> 
    <reference name="before_body_end"> 
     <block type="core/template" name="checkout.scroll" as="checkout.scroll"> 
      <action method="setTemplate"> 
       <template>checkout/onepage/scroll.phtml</template> 
      </action> 
     </block> 
    </reference> 
</checkout_onepage_index> 

Tworzenie .../template/checkout/onepage/scroll.phtml z tej treści:

<script type="text/javascript"> 
//<![CDATA[ 
    document.observe("dom:loaded", function() { 
     if (typeof checkout !== 'undefined') { 
      checkout.gotoSection = function (section, reloadProgressBlock) { 
       Checkout.prototype.gotoSection.call(this, section, reloadProgressBlock); 
       $('opc-' + section).scrollTo(); 
      }; 
     } 
    }); 
//]]> 
</script> 

sam wynik, tylko bez edycji plików szablonów bazowej.