Мультиязычность - переключатель языков

Например, нам нужно вывести переключатель языков с флажками.

language-preview.png

Добавляем код Liquid в разметку дизайна

Liquid

{% unless languages.empty %}
    <div class="languages">
        {% for item in languages.items %}
            {% if item.current %}
                <span class="language language_current"><img src="http://cdn.gollos.com/common/image/flag/{{ item.code }}.png">{{ item.title }}</span>
            {% else %}
                <a class="language" href="{{ item.url }}"><img src="http://cdn.gollos.com/common/image/flag/{{ item.code }}.png">{{ item.title }}</a>
            {% endif %}
        {% endfor %}
        <div class="clear"></div>
    </div>
{% endunless %}
  1. Проверяем, не пуст ли список с языками
  2. Перебираем записи в списке
  3. Проверяем, это текущий язык или нет
  4. Выводим ссылку на страницу в другом языке

Добавляем стили оформления в файл .CSS

CSS

.languages 
{
    margin-bottom:15px;
}
.language 
{
    float:left;
    line-height:25px;
    margin-right:10px;
    color:#888;
    text-decoration:none;
}
.language img 
{
    float:left;
    margin:0px 4px 0 0;
}
.language_current 
{
    color:#000;
}