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

Александр
205
1
Появилась необходимость в Modx в компоненте Babel добавить иконки флагов к ссылкам переключателя языковой версии сайта, возможно данный вариант кому-то пригодиться.

Для начала в корне сайта в папке «css» создадим папку «icons_flag» и добавим в неё два файла, скачать можно тут: 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>
Пример:

Комментарии ()

  1. Александр Мальцев
    8 часов назад
    Спасибо, Александр, как всегда очень полезно!
    1. Александр
      1 час назад
      Александр это Вам огромнейшее спасибо и это как минимум, уверен, если бы не вы и не ваш замечательный Ресурс, многие, в том числе и я, уже давно бы зависли буквально на первых этапах разработки своих проектов!
    Войдите, пожайлуста, в аккаунт, чтобы оставить комментарий.