Question

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

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

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

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

那会起作用，但这似乎是一种非常低效的方式（加上我必须覆盖所有面板的phtml文件）（如果他们编辑一个部分，它将无法工作 - 除非我也调用该函数编辑点击！）

任何人都更清楚如何做到这一点？

由于

Answer 1

您是否考虑过使用页面上已有的进度块，并重新设计它？

否则，如果您希望创建新的进度条，则可以修改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);
};

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

1 个答案: