Блок "Карточки с изображениями"

1. Установка и внешний вид

Кнопка установки блока:

 

Кнопка Добавить блока Частые вопросы

 

Доступно 3 варианта отображения блока, отличающихся только количеством строк элементов внутри.

В одну колонку (в режие редактирования)

 

Блок Карточки с изображениями, вариант 1

 

В две колонки (в режие редактирования)

 

Блок Карточки с изображениями, вариант 2

 

В три колонки (в режие редактирования)

 

 

Блок адаптируется под любые экраны, включая мобильные устройства и планшеты.

Мобильная версия

 

Мобильная версия

 


 

2. Управление блоком

Кнопка Добавить иконку Добавить элемент

При нажатии предустановленный элемент добавляется в конец блока. В дальнейшем его можно редактировать, перемещать или удалять. При наведении на элемент появляется панель с доступными действиями.

  Кнопка Заменить изображение Заменить изображение

При нажатии открывается окно замены изображения

 

Окно Заменить изображение

 

  Кнопка Редактировать текст Редактировать текст

Нажатие на кнопку открывает текстовый редактор. Клик вне блока закрывает редактор и сохраняет данные

 

Редактировать текст

 

  Кнопка Создать ссылку Ссылка

При нажатии открывается окно редактирования ссылки

 

Редактировать ссылку

 

Гиперссылку можно указать вручную или с помощью кнопки: первая — на другую страницу, вторая — на блок этой страницы. При выборе второй иконки модальное окно закроется, и система будет ожидать клик по нужному блоку. После клика значение подставится в поле. Если известен ID блока, его можно ввести вручную.

 

  Кнопка Переместить элемент Переместить элемент

Захватите иконку и перетащите пакет предложений на новое место внутри блока.

 

  Кнопка Удалить элемент Удалить элемент

 

Кнопка Редактировать текст Редактирование текста

Нажатие на кнопку открывает текстовый редактор. Клик вне блока закрывает редактор и сохраняет данные

 

Редактирование текста

 

Кнопка Настройки Настройки

Нажатие на кнопку открывает окно настроек блока.

 

Окно настроек блока

 

Закладки:

  • Фон:

    • изображение;
    • градиент;
    • свой цвет;
    • цвет из настроек сайта 3;
    • цвет из настроек сайта 2;
    • цвет из настроек сайта 1;
    • нет;
  • Размер блока:

    • максимальная ширина;

    • вертикальный отступ;

  • Заголовок:

    • размер шрифта в пикселях

    • цвет - из настроек сайта или указать свой;

  • Элементы:

    • количество элементов в строке (на максимальном разрешении) 1, 2 ,3;

    • интервал между элементами в пикселях;

    • радиус закругления углов элементов в пикселях;

    • цвет фона:
      • выбор из настроек сайта;
      • свой цвет;
    • шрифт:
      • из настроек;
      • свой размер;
      • цвет шрифта:
        • выбор из настроек сайта;
        • свой цвет;
Кнопка Перетащить блок Перетащить блок

Захватите иконку мышью и перетащите блок вверх или вниз. Отпустите — блок зафиксируется на новом месте.

Для удобства удерживайте захваченный блок и перемещайте страницу клавишами-стрелками вверх/вниз.

 

Кнопка Копировать блок Копировать блок

Нажатие на кнопку копирует блок на текущую или другую страницу.

 

Кнопка Удалить блок Удалить блок

 

Кнопка Переместить блок вверх Переместить блок вверх

 

Кнопка Переместить блок вниз Переместить блок вниз

 

Кнопка Генерация ИИ Геренация контента на ИИ


Форма для генерации контента

 

Кнопка Помощь Помощь