Magento - Пользовательский CSS в навигации администратора
У меня есть вопрос, и пока не удалось найти решение. У меня есть модуль. Для этого модуля у меня есть запись в верхнем навигационном меню администратора. Я хотел бы настроить это:
к этому:
Есть ли кто-нибудь, кто сейчас решает эту проблему? Может быть, способ добавить класс CSS к <a>
или <span>
это обтекание текстом?
Спасибо:)
2 ответа
Для этого нет отдельного узла, но 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()
,
Но вы действительно хотите поднять меню так? Представьте, если бы каждый разработчик делал это. Обычно это хорошая / вежливая практика - НЕ добавлять элементы навигации верхнего уровня, особенно с иконками. Пища для размышлений:-)
Похоже, что в более поздних версиях 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;
}