Совет по размещению стилевой разметки для отдельных CMS страниц в Magento

в 0:17, , рубрики: css, Magento, веб-дизайн, Веб-разработка, метки:

Последнее время все чаще стали попадаться сайты магазинов на Magento с длинной историей разработки и сопровождения (в несколько лет). На большинстве этих сайтов подключаемые CSS файлы завалены «ошметками» стилевой разметки для страниц, которых уже давно нет на сайте. Как правило, все это не структурировано и не откомментировано. Удаление этого мусора занимает кучу времени и в большинстве случаев на это просто «забивают». Со временем при таком подходе CSS файлы на некоторых сайтах достигаю чудовищных размеров в несколько сотен килобайт.

Мой совет вебмастерам и другим людям, занимающимися разработкой и поддержкой сайтов на CMS Magento:
CSS код для уникальной стилевой разметки отдельных страниц не стоит размещать в CSS файле, также его не стоит тулить непосредственно в HTML теги или в тег <style> вне контейнера <head>

Для размещения этого CSS кода в контейнере <head> в админпанели зайдите в дизайн таб вашей CMS страницы как показано на рисунке:
Совет по размещению стилевой разметки для отдельных CMS страниц в Magento

и разместите в поле Layout Update XML следующий блок:

<reference name="head">
    <block type="core/text" name="cms-page-css">
        <action method="addText">
            <text><![CDATA[
            <style type="text/css">
            ......
            </style>]]></text>
        </action>
    </block>
</reference>

где вместо точек подставьте свой уникальный CSS код для HTML контента этой страницы.

Таким образом CSS разметка и HTML контент у вас будут лежать в одном месте (записи БД), уникальный CSS код будет присутствовать только на одной странице, в случае удаления CMS страницы из БД — автоматически будет удален ее CSS код.

Автор: AlexTest

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js