Модули для работы с текстом в REG.Site

Модуль «Аккордеон»

Аккордеон — это модуль в REG.Site, с помощью которого можно добавить на страницу раскрывающиеся блоки. Эти блоки раскрываются поочерёдно:

модуль аккордеон 1

Как добавить модуль «Аккордеон» на сайт

  1. 1.
    Перейдите в режим редактирования сайта.
  2. 2.
    Выберите строку, в которую хотите добавить модуль, и нажмите на серый плюс.
  3. 3.

    Выберите модуль Аккордеон:

    модуль аккордеон 2

Теперь переходите к настройкам. Они хранятся во вкладках «Контент», «Дизайн» и «Дополнительно».

Контент

  1. 1.

    Нажмите на плюс в сером круге:

    модуль аккордеон 3

  2. 2.

    В блоке «Текст» введите заголовок и текст содержимого:

    модуль аккордеон 4

  3. 3.

    Разверните блок Фон. Выберите вкладку Изображение и кликните на плюс в сером круге:

    модуль аккордеон 5

  4. 4.

    Выберите файл:

    модуль аккордеон 6

  5. 5.

    Загрузите изображение:

    модуль аккордеон 7

  6. 6.

    Чтобы добавить ещё один блок, повторите шаги, начиная с 1:

    модуль аккордеон 8

Дизайн

В этой вкладке можно настроить вид модуля с помощью блоков:

  • Иконка — измените размер и цвет плюса в круге;
  • Тумблер — настройте разницу оттенков свёрнутого и развёрнутого блока;
  • Текст — форматируйте текст всего модуля;
  • Заголовок Текст — измените начертание заголовка, когда блок развёрнут;
  • Свернутый заголовок Текст — форматируйте текст заголовка, когда блок свёрнут;
  • Тело Текст — редактируйте текст описания;
  • Размеры — настройте ширину и положение модуля;
  • Отступы — укажите отступы в пикселях. Можно настроить отступ слева, справа, сверху и снизу;
  • Граница — добавить и закруглить границы модуля. Это можно сделать как сразу для всех, так и для отдельных углов;
  • Тень контейнера — создать тень модуля;
  • Фильтр — настройте оттенки изображения, а также насыщенность, яркость, контрастность, инверсию, сепию, прозрачность, размытие и режим смешивания;
  • Преобразовать — масштабируйте сетку товаров, поверните и настройте перекос;
  • Анимация — добавьте анимацию перед показом содержимого.

Дополнительно

Здесь можно добавить свои настройки, написанные на CSS. Всё это можно сделать в блоках «ID и классы CSS» и «Пользовательский CSS». Также доступны блоки:

  • Видимость — отключите отображение модуля на определённом устройстве: например, на планшете или смартфоне;
  • Переходы — настройте длительность анимации;
  • Позиционирование — зафиксируйте положение модуля на странице;
  • Эффект прокрутки — настройте ползунок прокрутки для просмотра модуля.

Чтобы завершить работу над модулем и сохранить изменения, нажмите на галочку:

модуль аккордеон 9

Готово, теперь вы умеете работать с модулем «Аккордеон».

Модуль «Вкладки»

Вкладки — это модуль REG.Site, с помощью которого можно настроить на странице динамический контент:

модуль вкладки 1

Как добавить модуль «Вкладки» на сайт

  1. 1.
    Перейдите в режим редактирования сайта.
  2. 2.
    Выберите строку, в которую хотите добавить модуль, и нажмите на серый плюс.
  3. 3.

    Выберите модуль Вкладки:

    модуль вкладки 2

Теперь переходите к настройкам. Они хранятся во вкладках «Контент», «Дизайн» и «Дополнительно».

Контент

  1. 1.

    В модуле «Заголовок вкладки» нажмите на значок шестерёнка:

    модуль вкладки 3

  2. 2.

    В блоке «Текст» введите заголовок и описание:

    модуль вкладки 4

  3. 3.

    Разверните блок Фон. Выберите вкладку Изображение и кликните на плюс в сером круге:

    модуль вкладки 5

  4. 4.

    Выберите файл:

    модуль вкладки 6

  5. 5.

    Загрузите изображение:

    модуль вкладки 7

  6. 6.
    Чтобы добавить ещё один блок, повторите шаги, начиная с 1.

Дизайн

В этой вкладке можно настроить вид модуля с помощью блоков:

  • Тело Текст — редактируйте текст описания;
  • Вкладка Текст — измените вид текста вкладки;
  • Отступы — укажите отступы в пикселях. Можно настроить отступ слева, справа, сверху и снизу;
  • Фильтр — настройте оттенки изображения, а также насыщенность, яркость, контрастность, инверсию, сепию, прозрачность, размытие и режим смешивания;
  • Преобразовать — масштабируйте сетку товаров, поверните и настройте перекос.

Дополнительно

Здесь можно добавить свои настройки, написанные на CSS. Всё это можно сделать в блоках «ID и классы CSS» и «Пользовательский CSS». Также доступны блоки:

  • Видимость — отключите отображение модуля на определённом устройстве: например, на планшете или смартфоне;
  • Переходы — настройте длительность анимации;
  • Позиционирование — зафиксируйте положение модуля на странице;
  • Эффект прокрутки — настройте ползунок прокрутки для просмотра модуля.

Чтобы завершить работу над модулем и сохранить изменения, нажмите на галочку:

модуль вкладки 8

Готово, теперь вы умеете работать с модулем «Вкладки».

Модуль «Тумблер»

Тумблер — это модуль в REG.Site, с помощью которого можно добавить на страницу раскрывающийся блок:

модуль тумблер 1

Как добавить модуль «Тумблер» на сайт

  1. 1.
    Перейдите в режим редактирования сайта.
  2. 2.
    Выберите строку, в которую хотите добавить модуль, и нажмите на серый плюс.
  3. 3.

    Выберите модуль Тумблер:

    модуль тумблер 2

Теперь переходите к настройкам. Они хранятся во вкладках «Контент», «Дизайн» и «Дополнительно».

Контент

  1. 1.

    В блоке «Текст» введите заголовок и текст содержимого тумблера:

    модуль тумблер 3

  2. 2.

    Разверните блок Фон. Выберите вкладку Изображение и кликните на плюс в сером круге:

    модуль тумблер 4

  3. 3.

    Выберите файл:

    модуль тумблер 5

  4. 4.

    Загрузите изображение:

    модуль тумблер 6

Дизайн

В этой вкладке можно настроить вид модуля с помощью блоков:

  • Иконка — измените размер и цвет плюса в круге;
  • Тумблер — настройте разницу оттенков свёрнутого и развёрнутого блока;
  • Текст — форматируйте текст всего модуля;
  • Заголовок Текст — измените начертание заголовка, когда блок развёрнут;
  • Свернутый заголовок Текст — форматируйте текст заголовка, когда блок свёрнут;
  • Тело Текст — редактируйте текст описания;
  • Размеры — настройте ширину и положение модуля;
  • Отступы — укажите отступы в пикселях. Можно настроить отступ слева, справа, сверху и снизу;
  • Граница — добавить и закруглить границы модуля. Это можно сделать как сразу для всех, так и для отдельных углов;
  • Тень контейнера — создать тень модуля;
  • Фильтр — настройте оттенки изображения, а также насыщенность, яркость, контрастность, инверсию, сепию, прозрачность, размытие и режим смешивания;
  • Преобразовать — масштабируйте сетку товаров, поверните и настройте перекос;
  • Анимация — добавьте анимацию перед показом содержимого.

Дополнительно

Здесь можно добавить свои настройки, написанные на CSS. Всё это можно сделать в блоках «ID и классы CSS» и «Пользовательский CSS». Также доступны блоки:

  • Видимость — отключите отображение модуля на определённом устройстве: например, на планшете или смартфоне;
  • Переходы — настройте длительность анимации;
  • Позиционирование — зафиксируйте положение модуля на странице;
  • Эффект прокрутки — настройте ползунок прокрутки для просмотра модуля.

Чтобы завершить работу над модулем и сохранить изменения, нажмите на галочку:

модуль тумблер 7

Готово, теперь вы умеете работать с модулем «Тумблер».

Помогла ли вам статья?
Нет
раз уже помогла