首页 文章

Magento - 如何添加步骤图像以结帐

提问于
浏览
1

我正在尝试在Magento的单页结帐页面顶部显示进度概述 . 我有步骤图标,我有不同的状态(完整,当前,活动等),但我有点迷失我如何挂钩到手风琴确定状态?

在每个面板上,我可以编辑它并添加到onclick事件,如下所示:

<button type="button" class="button" onclick="updateOpcProgress('login');checkout.setMethod();">......

然后我在我的updateOpcProgress()函数中将我的进度图像的css类更改为它需要的任何内容 .

这样可行,但它似乎是一种非常低效的方式(加上我必须覆盖所有面板phtml文件)(如果他们编辑一个部分,它将无法工作 - 除非我也在编辑点击上调用该函数! )

谁有更好的想法如何做到这一点?

谢谢

1 回答

  • 0

    您是否考虑过使用页面上已有的进度块,然后重新设计它?

    否则,如果您希望创建新的进度条,则可以在opcheckout.js中修改onepage checkout Javascript . 您不必修改文件,您可以添加自己的.js文件并覆盖一些结帐功能,如下所示:

    Checkout.prototype.gotoSection = function(section)
    {
        section = $('opc-'+section);
        section.addClassName('allow');
        this.accordion.openSection(section);
        // Call your own progress updater:
        updateOpcProgress(section);
    };
    

相关问题