Magento - Как добавить пошаговые изображения к оформлению заказа

Question

Я пытаюсь показать обзор прогресса в верхней части страницы оформления заказа на одной странице в Magento.У меня есть значки шагов, и у меня есть разные состояния (полное, текущее, активное и т. Д.), Но я немного растерялся, как подключить аккордеон для определения состояний?

На каждой панели, которую я моготредактируйте его и добавьте в событие onclick что-то вроде этого:

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

Затем я в своей функции updateOpcProgress () изменяю класс css моего изображения прогресса на тот, который должен быть.

Это бы сработало, но, похоже, это действительно неэффективный способ (плюс мне пришлось бы переопределить все phtml-файлы панелей) (плюс, если бы они редактировали раздел, это не сработало бы - если только я не вызову функцию по нажатию кнопки редактирования!)

Кто-нибудь лучше знает, как это сделать?

Спасибо

Answer 1

Рассматривали ли вы использовать блок прогресса, который уже находится на странице, и просто перепроектировать его?

В противном случае, если вы предпочитаете создать новую строку прогресса, вы можете изменить Javascript для одностраничной проверки в opcheckout.JS.Вам не нужно изменять файл, вы можете добавить свой собственный файл .js и переопределить некоторые функции оформления заказа, например:

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