【问题标题】:Magento onpage checkout anchors need paddingMagento 页面结帐锚点需要填充
【发布时间】:2016-05-20 03:19:34
【问题描述】:

我在 Magento 上有一个粘性菜单,当用户向下滚动页面时,它会粘在页面顶部。问题是 Magento 在单页结帐过程中有锚点,并且锚点位于粘性菜单后面,因此您会丢失标题和顶部表单字段标签等。

如果可能,我需要在锚点顶部添加填充/边距或在 JS 中偏移它们。

我可以添加 JS 代码,但它很长,标准 Magento 1.9.2.2 代码,可以在这里找到 skin/frontend/base/default/js/opcheckout.js

演示站点在这里,如果您选择以访客身份结帐并继续,您将在桌面上看到问题http://orbdemo.co.nz/cufflinks/checkout/onepage/

尝试了几个 css 的东西,但没有任何效果,也在网上看了一个小时,看不到任何帮助。谢谢你的时间:)

【问题讨论】:

    标签: magento sticky megamenu anchor-scroll


    【解决方案1】:

    我找到了解决此问题的方法。基本上创建了一个新类,其中包含主体 ID,然后是导航 ID,因此我可以覆盖位置“相对”的类并将其更改为位置“静态”,这导致粘性菜单是静态的,因此锚点现在可以按预期工作。这是我使用的代码并将其添加到主题文件夹的 superfish.css 文件中。

    .checkout-onepage-index .nav-container.fixed{position:static; }

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-11-02
      • 1970-01-01
      • 1970-01-01
      • 2013-03-09
      • 2013-03-09
      • 2010-12-02
      • 2014-11-17
      • 1970-01-01
      相关资源
      最近更新 更多