Magento - Пользовательский CSS в навигации администратора

Question

У меня есть вопрос, и пока не удалось найти решение. У меня есть модуль. Для этого модуля у меня есть запись в верхнем навигационном меню администратора. Я хотел бы настроить это:

к этому:

Есть ли кто-нибудь, кто сейчас решает эту проблему? Может быть, способ добавить класс CSS к <a> или <span> это обтекание текстом?

Спасибо:)

Answer 1

Для этого нет отдельного узла, но CDATA может быть использован.

<menu>
    <your_module translate="title" module="your_module">
        <title><![CDATA[<span class="custom-class">Checklist</span>]]></title>
    </your_module>
</menu>

Для конкретной информации см. Mage_Adminhtml_Block_Page_Menu::_buildMenuArray(),

Но вы действительно хотите поднять меню так? Представьте, если бы каждый разработчик делал это. Обычно это хорошая / вежливая практика - НЕ добавлять элементы навигации верхнего уровня, особенно с иконками. Пища для размышлений:-)

Answer 2

Похоже, что в более поздних версиях Magento значение заголовка меню экранируется, поэтому даже использование CDATA не работает. Некоторые модули, которые я видел, которые успешно добавляют значок, фактически перегружают Mage_Adminhtml_Block_Page_Menu класс, чтобы предотвратить это.

Но вы можете добавить значок с помощью простого правила CSS, указав URL в навигационном меню!

ul#nav .level1 a[href*="url_here"] span {
    background-image: url('../images/logo.png');
    background-position: left 4px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 14px;
}