Контрольні нотатки для сертифікаційного екзамену Мадженто-розробника – ч.3

Рендеринг – частка в екзамені: 7%.

Налаштування базової функціональності за допомогою теми

Теми мають файли макетів, які, окрім іншого, можуть бути використані для зміни поведінки блоків на сторінці. Шаблон Блоку також може бути змінений, що дасть змогу викликати інші методи.

Дизайн на рівні магазину

Ієрархічна структурованість тем Magento означає, що базова тема може бути розширена і призначена на рівні магазину.

Реєстрація кастомних тем

Теми можуть бути налаштовані трьома шляхами:

Через налаштування магазину в System > Configuration > Design
Тимчасова зміна дизайну в System > Design
Винятки застосування теми на рівні категорії та товару

Пакет проти Теми

Пакет має кілька тем. Кожна з тем в пакеті унаслідується від теми по-замовчуванню в пакеті (default).

Резерв дизайну

Запасним варіантом для задіяння теми є наступний порядок:

{package}/{theme}
{package}/default
base/default

Щоб додати додаткові каталоги до запасного механізму тем, потрібно переписувати метод Mage_Core_Model_Design_Package::GetFileName.

Для адмінки запасний варіант це default/default.

Шляхи шаблону і макетів

Шлях файлів теми рендериться Mage_Core_Model_Design_Package. Mage_Core_Model_Layout_Update запитує абсолютні шляхи для компонування файлів. Mage_Core_Block_Template запитує шаблони з відносними шляхами.

Magento використовує відносні шляхи, коли справа доходить до файлів шаблону і розмітки.

Блоки

Блоки використовуються для виводу (output). Кореневий блок (root) є батьківським для всіх блоків типу Mage_Page_Block_Html.

Блоки Mage_Core_Block_Template використовують файли шаблонів для відображення контенту. Файли шаблону задаються через setTemplate() або addData('template') з відносними шляхами.

Шаблони – це просто шматки PHP коду, що включені в Mage_Core_Block_Template. Тому $this в шаблоні відноситься до відповідного Блоку.

Mage_Core_Block_Template використовує буфер перед додаванням шаблону, щоб запобігти передчасному виводу.

Метод Mage_Core_Model_Layout::createBlock створює екземпляри блоків.

Клас Mage_Core_Model_Layout_Update вирішує, які блоки повинні бути створені для кожної сторінки, згідно зачіпок макету (handle).

Всі включені блоки рендеряться, наприклад, викликом toHtml(), який в свою чергу, рендерить свої нащадки.

Блоки типу Text і Text_List автоматично рендерять свій контент.

Є дві події, що спрацьовують під час рендерингу блока і які можна використовуватися для зміни блоку до і після візуалізації HTML:

core_block_abstract_to_html_before
core_block_abstract_to_html_after

Дочірний блок може бути згенерований автоматично, тільки якщо він є екземпляром класу Mage_Core_Block_Textlist, інакше повинен бути викликаний метод getChildHtml.

Екземпляр Блоку може бути доступний через макет, наприклад, Mage::app()->getLayout() і $controller->getLayout(). Вивід Блоку контролюється функцією _toHtml().

Шаблони генеруються через методи renderView()/fetchView(), всередині шаблону блоку. Буферизація виводу може бути відключена через $layout->setDirectOutput.

Можна додати Блок до поточного макету, але це повинно бути зроблено до виклику методу renderLayout().

XML Макет (Layout)

<reference>: редагувати блок
<block>: визначити блок
<action>: виклик методу в блоці
<update>: включити в себе вузли з іншого хендлера.

Файли макетів можна зареєструвати в config.xml:

<config>
 <{area}>
  <layout>
   <updates>
    <{name}>
      <file>{filepath}</file>
    </{name}>
   </updates>
  </layout>
 </{area}>
</config>

Вивід сторінки можна кастомізувати таким чином:

Зміни в шаблоні
Зміни в макеті
Перевизначення блоків
Спостерігачами (observers)

Змінні в блоках можуть бути встановлені таким чином:

Макет: за допомогою дій (actions) або атрибутів
Контролер: $this->getLayout()->getBlock()
Дочірні блоки: $this->getChild()
Інше: Mage::app()->getLayout()

Блок ресурсів у секції head

JavaScript і CSS ресурси обробляються в блоці Mage_Page_Block_Html_Head. Цей блок обробляє злиття ресурсів в один файл, щоб звести до мінімуму HTTP-запити. Об’єднаний файл базується на часі редагування початкових файлів.

Коли об’єднуються CSS файли, виклик функції в Mage_Core_Model_Design_Package звертається для оновлення будь якої @import або url() директив з правильними URL.

Адаптація перекладу: SebWeo