Magento - ステップイメージをチェックアウトに追加する方法

Question

Magentoの1ページのチェックアウトページの上部に進捗概要を表示しようとしています。 私はステップアイコンを持っていますが、私はさまざまな状態（完全、現在、アクティブなど）を持っていますが、私は状態を決定するためにアコーディオンにどのように繋がっているのですか？

私はそれを編集してのonclickイベントに次のようなもの追加することができ、各パネルで

：

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

をそれから私、私のupdateOpcProgressで（）関数は、それがあることが必要であるものは何でも私の進捗画像のCSSクラスを変更。

これはうまくいくでしょうが、実際には非効率的なやり方です（さらに、すべてのパネルのphtmlファイルをオーバーライドする必要があります）（また、セクションを編集すると機能しません。編集クリック！）

どのようにこれを行うには良いアイデアがありますか？

おかげ

Answer 1

は、ページ上ですでに進行ブロックを使用して考えられ、ちょうどそれを再設計しましたか？

新しいプログレスバーを作成したい場合は、opcheckout.jsの1ページチェックアウトJavaScriptを変更することができます。

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