Babel, переключатель языка с иконками флага страны
Появилась необходимость в Modx в компоненте Babel добавить иконки флагов к ссылкам переключателя языковой версии сайта, возможно данный вариант кому-то пригодиться.
Для начала в корне сайта в папке "css" создадим папку "icons_flag" и добавим в неё два файла, скачать можно тут: https://yadi.sk/d/icVbukAQjRBtSw?w=1, файл flag_24.png это иконки флагов стран одним css спрайтом и css стили для него flag_24.css, оформление блока ссылок и css классы иконок.
Подключаем css, для этого в шаблоне перед закрывающим тегом
У компонента Babel за вывод ссылок переключения языка отвечает сниппет (BabelLinks), разместите код вызова в шаблон, в то место где нужно вывести блок переключения языков:
</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>
<ul class="babel_block">
[[BabelLinks? &tpl=`BabelLinksFlagTpl` &showCurrent=`1` &includeUnlinked=`1` &ignoreSiteStatus=`1` &activeCls=`babel_active`]]
</ul>
Пример:
![](/assets/images/tickets/664/thumb/70d03a74f8af046dc6d101a0572aa5995fbd525a.jpg)
Изображения:
Ответы: 2