Babel, переключатель языка с иконками флага страны

Появилась необходимость в 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>

Пример:

Изображения:

• Screenshot_9.png