Magento中的onepage一页支付页返回上步再重到下步的方法

Magento中的onepage页面存在一个问题，当我们点击到第N步的时候返回到前面，就无法再直接回到第N步了，中间的内容又需要重新的输入。这个也许不叫问题，只是一个使用习惯的问题。因为有位客户需要改进这个，就改进了下。这里共享下解决方法，只要在onepage.phtml中加入以下jQuery即可 al=jQuery(".section.allow"); jQuery(".section...

Magento中的onepage页面存在一个问题，当我们点击到第N步的时候返回到前面，就无法再直接回到第N步了，中间的内容又需要重新的输入。这个也许不叫问题，只是一个使用习惯的问题。因为有位客户需要改进这个，就改进了下。这里共享下解决方法，只要在onepage.phtml中加入以下jQuery即可

al=jQuery(".section.allow");
jQuery(".section div.step-title").click(function(){
jQuery.unique(jQuery.merge(al,jQuery(".section.allow")));
al.each(function(){
if(jQuery(this).hasClass("allow")==false)
jQuery(this).addClass("allow")
})
});
jQuery("#checkoutSteps button,.section div.step-title").click(function(){
stvl=setInterval (function(){
al=jQuery(".section.allow");
atidx=jQuery("#checkoutSteps&gt;li").index(jQuery(".section.active"))
if(atidx==(al.length-1) &amp;&amp;atidx!=0)
clearInterval(stvl)
          },100)
});

//<![CDATA[
SyntaxHighlighter.defaults['class-name'] = '';
SyntaxHighlighter.defaults['smart-tabs'] = true;
SyntaxHighlighter.defaults['tab-size'] = 4;
SyntaxHighlighter.defaults['gutter'] = true;
SyntaxHighlighter.defaults['quick-code'] = true;
SyntaxHighlighter.defaults['collapse'] = false;
SyntaxHighlighter.defaults['auto-links'] = true;
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.all();
//]]>

来源：oschina

链接：https://my.oschina.net/u/234530/blog/54926

标签

magento

onepage

一页支付

返回上步

重到下步