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

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

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

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

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

  1. Откройте проект в Личном кабинете.
  2. В боковом меню нажмите Site Builder.
  3. Нажмите Открыть Site Builder.
  4. В блоке Хедер настройте компонент Языки.
  5. В селекторе языков выберите те, для которых вы хотите добавить локализованное изображение.
  6. Вставьте в блок Ваш код следующий код:
Copy
Full screen
Small screen
<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>

  1. Измените в коде в массиве 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.
  2. Нажмите кнопку Просмотр, чтобы увидеть изменения.

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


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

  1. В окне конструктора нажмите Добавить блок и выберите блок Ваш код.
  1. Вставьте в блок собственный код.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.
Оценить страницу
Оценить страницу
Что может сделать страницу еще лучше?

В другой раз

Спасибо за обратную связь!

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

Последнее обновление: 26 марта 2024

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Сообщите о проблеме
Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
Укажите email-адрес, чтобы мы могли связаться с вами
Спасибо за обратную связь!