Magento OnePage结账步骤位置错误

时间:2013-08-02 10:37:57

标签: magento checkout

在使用onepage checkout时的默认magento安装中,点击步骤(例如Shipping Method)后,页面跳得太远并切断Step title和top 2表单输入。它在Chrome的所有步骤中执行此操作。在其他浏览器中它虽然仍然切断了步骤标题,但并没有那么糟糕。有没有办法解决这个问题,因为它真的破坏了用户体验。

谢谢, ç

2 个答案:

答案 0 :(得分:1)

在js / varien / accordion.js中,在此行之后

contents[0].show();

我添加了

Effect.ScrollTo(contents[0], { duration:'0.5', offset:-40 });

窒息效果。

答案 1 :(得分:0)

与ipad 4,ios7和safari,magento 1.4.1.1版本相同的问题

在提交帐单邮寄地址后,手风琴会在发货后打开步骤,但它位于页面的上方,下一部分的提交按钮就在屏幕顶部可见。

我们也使用原型1.7来克服ie9结帐错误,所以不确定这是否是问题的一部分。

找到适用于我的修复程序: 打开js / varien / accordion.js 在openSection函数中,在行

之后
    contents[0].show();

添加

    $(contents[0].up(1)).scrollTo();

注意:如果您还在网站上的任何其他位置使用手风琴,请务必小心。