Структурные блоки и блоки содержимого в Мадженто – ч.1

Перед началом работы по изменению стандартной структуры в Мадженто, важно понимать логику дизайна для CMS Magento, поэтому рекомендуем ознакомиться с предыдущим уроком.
Схема сайта на Magento представляет из себя иерархическое дерево структурных блоков. Некоторые блоки отображаются на каждой странице, а другие появляются только на определенных страницах. Отображением блоков можно управлять через Обновление макета XML в админпанели. Во многих случаях, того же результата можно добиться с помощью виджета. Чтобы разместить статический CMS блок контента с виджетом, необходимо определить страницу, и расположение блока на странице. Однако, в некоторых случаях, все же необходимо обновление XML структуры.

Размещение блока с помощью Обновление макета XML

Блоки могут быть размещены в левой или правой колонке определенной страницы путем обновления макета через код XML. С помощью нескольких простых изменений в коде, вы можете расположить блок в любом столбце, и контролировать его позицию по отношению к другим блокам.

Чтобы разместить блок в боковой колонке (сайдбаре):

Размещение блока с помощью Обновление макета XML

 

1. В Админменю, перейдите CMS > Pages > Manage Content (CMS > Страницы > Управление страницами)
2. Откройте нужную страницу. Затем, в панели слева, выберите вкладку Design (Дизайн).
3. В поле Layout Update XML (Обновление макета XML), введите код структурного блока.

Пример кода для добавления блока в правую боковую колонку сайта:

<reference name="right">
<block type="cms/block" name="right.permanent.callout">
<action method="setBlockId"><block_id>ukazhite-svoy-block-id</block_id></action>
</block>
</reference>
  1. После этого нажмите кнопку Save Page (Сохранить страницу).

Управление порядком отображения структурных блоков

Для управления порядком отображения блоков при обновлении структуры XML можно использовать код позиционирования. Чтобы разместить блок до, либо после определенного блока, воспользуйтесь следующими примерами:

  • before=»-« Размещает блок в верхней части сайдбара, перед другими блоками.
  • after=»-« Размещает блок в нижней части сайдбара, после других блоков.

Примеры кода:

<block type="cms/block" before="-" name="left.permanent.callout">
<block type="cms/block" before="some-other-block" name="left.permanent.callout">
<block type="cms/block" after="-" name="left.permanent.callout">
<block type="cms/block" after="some-other-block" name="left.permanent.callout">

Стандартное размещение структурных блоков

Стандартное размещение структурных блоков
  • Черным цветом обозначены имена блоков
  • Голубым цветом обозначены типы блоков (пути классов блоков)

Описание блоков

Тип блока(block type="") Описание
page/html Блок данного типа может быть только один на странице. Имя блока «root», и это один из немногих рутовских блоков в макете.
page/html_head Блок данного типа может быть только один на странице. Имя блока «head», и он потомок корневого блока. Этот блок нельзя удалять из макета.
page/html_notices Блок данного типа может быть только один на странице. Имя блока «global_notices,» и он потомок корневого блока. Если этот блок удалить из макета, глобальные уведомления системы не будут появляться на странице.
page/html_header Блок данного типа может быть только один на странице. Имя блока «header», и он потомок корневого блока. Этот блок соответствует визуальному Хедеру страницы, и содержит несколько стандартных блоков. Этот блок не должен быть удален.
page/html_wrapper Хотя он включен в макет по умолчанию, этот блок является устаревшим, и используется только для обеспечения обратной совместимости. Не следует использовать блоки такого типа.
page/html_breadcrumbs Блок данного типа может быть только один на странице. Имя этого блока «breadcrumbs», и он потомок блока Хедера. Этот блок отображает «хлебные крошки» для текущей страницы.
page/html_footer Блок данного типа может быть только один на странице. Имя блока «footer», и он потомок корневого блока (root). Блок соответствует визуальному Футеру в нижней части страницы, и содержит несколько стандартных блоков. Этот блок не должен быть удален.
page/template_links Есть два блока этого типа в стандартном шаблоне. Блок «top.links» является потомком блока Хедера, и соответствует верхнему меню навигации. Блок «footer_links» является потомком блока Футера, и соответствует нижнему меню навигации.
page/switch Есть два блока этого типа в стандартном макете. Блок «store_language» является потомком блока Хедера, и соответствует переключателю языков в верхней части страницы. Блок «store_switcher» является потомком блока Футера, и соответствует переключателю магазинов в нижней части страницы.
core/messages Есть два блока этого типа в стандартном шаблоне. Блок «global_messages» отображает общие системные сообщения. Блок «messages» используется для отображения всех других сообщений. Если вы удалите эти блоки, клиенты не смогут видеть все сообщения (информативные, предупреждающие и т.д.).
core/text_list Этот тип блока широко используется в Magento и служит в качестве заполнителя для рендеринга блоков-потомков.
core/profiler Существует только один экземпляр этого типа блока на странице. Он используется для внутреннего профайлера Magento, и не должен быть использован для других целей.

 

Продолжение урока

 

Recent Posts

Уоррен Баффетт

Даже если вы очень талантливы и прилагаете большие усилия, для некоторых результатов просто нужно время:…

3 часа ago

Пошаговая инструкция Импорта данных из Excel в MySQL через phpMyAdmin

Этот практический урок поможет вам перенести данные из вашего Excel-файла (с некоторыми конкретными столбцами) в…

2 дня ago

Распространенные мифы и заблуждения о пиве: восстанавливаем справедливость

Пиво – один из самых популярных напитков, который наряду с чаем и кофе известен во…

3 дня ago

Уроки JavaScript — Краткие функции на замену большому объемному коду

Довольно часто у программистов возникает соблазн написать какую-нибудь обширную функцию, которая должна решать определенную задачу.…

1 неделя ago

Зачем и как просыпаться раньше

Дискуссии вокруг этой темы вас, вероятно, уже утомили. Но я в данной статье постараюсь показать…

1 неделя ago

Уроки JavaScript — Шпаргалка для разработчиков по работе с консолью в браузере

Консоль браузера (также известная как консоль JavaScript или веб-консоль) — это мощный инструмент для разработчиков,…

1 неделя ago