Как показать контент в зависимости от языка сайта

Как это работает

Вы можете сегментировать контент на сайте с помощью пользовательского HTML-кода и показывать отдельные блоки только тем пользователям, которые просматривают ваш сайт на определенных языках. Вы можете использовать готовое решение или добавить свой код.

Как настроить

Использование готового решения

1. Откройте проект в Личном кабинете.
2. В боковом меню нажмите Site Builder.
3. Нажмите Открыть Site Builder.
4. В блоке Хедер настройте компонент Языки.
5. В селекторе языков выберите те, для которых вы хотите добавить локализованное изображение.
6. Вставьте в блок Ваш код следующий код:

<script>
  (function () {
    var blockArray = [
      {
        blockName: '.block--packs',
        blockNumber: 0
      },
      {
        blockName: '.block--description',
        blockNumber: 0
      }
    ];

    function removeBlock() {
      setTimeout(function () {
        blockArray.map(function (block) {
          return document.querySelectorAll(block.blockName)[block.blockNumber];
        })
          .forEach(function (element) {
            element && element.remove();
          });
      }, 0);
    }

    removeBlock();
  })();
</script>

7. Измените в коде в массиве blockArray следующие параметры для каждого блока, который вы хотите скрыть для выбранного языка:
   • blockName — название CSS-класса блока. Возможные варианты:
     • .block--header (блок Заголовок)
     • .block--hero (блок Call-to-action)
     • .block--html (блок Ваш код)
     • .block--packs (блок Игровые пакеты)
     • .block--description (блок Описание)
     • .block--gallery (блок Галерея)
     • .block--requirements (блок Требования)
     • .block--faq (блок Частые вопросы)
     • .block--embed (блок Виджеты социальных сетей)
     • .block--news (блок Новости)
     • .block--footer (блок Футер)
   • blockNumber — порядковый номер блока, начиная с 0.
8. Нажмите кнопку Просмотр, чтобы увидеть изменения.

Ознакомьтесь с видеоинструкцией к разделу:

Добавление собственного кода

1. В окне конструктора нажмите Добавить блок и выберите блок Ваш код.

2. Вставьте в блок собственный код.

Полезные ссылки