Появилась необходимость в
Modx в компоненте Babel добавить иконки флагов к ссылкам переключателя языковой версии сайта, возможно данный вариант кому-то пригодиться.
Для начала в корне сайта в папке
"css" создадим папку
"icons_flag" и добавим в неё два файла, скачать можно тут: https://yadi.sk/d/icVbukAQjRBtSw?w=1, файл
flag_24.png это иконки флагов стран одним css спрайтом и css стили для него
flag_24.css, оформление блока ссылок и css классы иконок.
Подключаем css, для этого в шаблоне перед закрывающим тегом
</head>
добавляем:
<link rel="stylesheet" href="/css/icons_flag/flag_24.css">
Далее нужно создать чанк, название чанка:
"BabelLinksFlagTpl", код чанка:
<li><a href="[[+url]]" class="[[+cultureKey]]_24 [[+active:notempty=` [[+active]]`]]">[[%babel.language_[[+cultureKey]]? &topic=`default` &namespace=`babel`]]</a></li>
У компонента
Babel за вывод ссылок переключения языка отвечает сниппет (BabelLinks), разместите код вызова в шаблон, в то место где нужно вывести блок переключения языков:
<ul class="babel_block">
[[BabelLinks? &tpl=`BabelLinksFlagTpl` &showCurrent=`1` &includeUnlinked=`1` &ignoreSiteStatus=`1` &activeCls=`babel_active`]]
</ul>
Пример:
Изображения: