Ось 10 найкращих практик для розробки фронт-енду (в Magento):
- Зрозумійте структуру переднього кінця Magento і дотримуйтесь конвенцій. Знайте, як Magento складається з модулів, знати, як макет XML створює макети сторінок і знати, як HTML блоки завантажуються, як визначено макетами сторінок. Добре спочатку вивчити структуру Magento, а потім почати вивчати, як працюють файли .phtml. Занурення в HTML / PHP код відразу можливо, але важче і більш схильні до помилок. Magento – це добре схвована програма, дотримуючись конвенцій, що використовуються рамками електронної комерції, необхідні для найкраще підтримується розгортання.
- Не намагайтеся налаштувати все з початку. Ви, ймовірно, буде під обмеженням часу або бюджету і повинні зосередитися на загальній картині. Magento є дуже гнучким програмним забезпеченням, яке має притаманну небезпеку для ентузіазму інженера, щоб почати возитися з усім.
Звичайно, з огляду на час і бюджет, а при необхідності солідного партнера по реалізації, можливо все. - Оскільки фронталь може отримати відносно CSS і Javascript-heavy, настійно рекомендується використовувати інструмент налагодження, такий як Firebug.
- Скористайтеся підказками щодо шляху шаблону і назвами блоків з розділу налаштування Magento (вкладка розробника). Це дає можливість набагато швидше знайти відповідні .phtml blcoks. Зауважте, що для ввімкнення підказок щодо шляху шаблону слід вибрати веб-сайт або подання сховища.
- Використовуйте форуми / вікі Magento, підходь до колег або інших осіб з необхідними знаннями, якщо ви застрягли.
- При базуванні дизайну на базовому макеті, який за замовчуванням використовується в Magento (1,2 або 3 стовпці, верхній колонтитул, кілька блоків у стовпцях), розумно використовувати "порожній" шаблон, щоб створити свій власний шаблон замість шаблону Magento "за замовчуванням / за замовчуванням". "Порожній" шаблон містить менше CSS-стилізацій і більш розріджений HTML-код (тільки необхідні гачки).
- Створюючи настроюваний шаблон або налаштовуючи наявний, працюйте зверху вниз. Спочатку подумайте і викладіть конструкцію, потім уточніть вміст.
- Слайд-шоу / спливаючі скрипти, такі як Lightbox і Shadowbox, відмінні, але слід подбати про те, щоб вони базувалися або сумісні з javascript-фреймворк Prototype. Javascript framework JQuery, наприклад, має режим сумісності, але скрипти на основі Mootools за своєю суттю дуже важко дістатися до роботи в Magento.
- Тестувати рано і часто, також у декількох браузерах. Хоча це може бути самоочевидним, великий масив варіантів, присутніх в рамках електронної комерції Magento, робить цю точку надзвичайно важливою. Якщо ви, наприклад, працюєте над відображенням цін, вам слід перевірити, як це виглядає зі спеціальними цінами, ціновими діапазонами, цінами "до низьких", ярусами, якщо ціна правильно коригується, коли вибираються варіанти випадання з додатковими цінами тощо.
- Якщо ви є частиною команди, будьте дуже чітко про те, хто що редагує, і використовуйте такі інструменти керування версіями, як Subversion.