Модуль иконка

Функциональность

• При наведении на иконку – иконка и текст окрашивается выбранным цветов, а маленькая иконка в центре становится белой.

• Цвет иконки и текста можно менять

• Стиль иконки можно менять – это или квадратная иконка или круглая

• На выбор доступно огромное количество иконок в формате UTF-8

• При появлении модуля в блоке вывода - блок вывода меняет своё поведение и производит выравнивание всех модулей по центру (по умолчанию - выравнивание по левому краю)

 

 

Адаптивность

 

В настройках модуля можно задать два адаптивных типа поведения:

• С фиксированной шириной и высотой
  
  При наличии нескольких модулей на странице - модули стараются уместиться в одной строке. Если какой-нибудь модуль не умещается в строке с другими модулями - он автоматически переносится на следующую строку и выравнивается по середине экрана.
  
   
• С шириной заданной в процентах, высота выравнивается по содержимому.
  
  Для разных типов устройств (настольные компьютеры, ноутбуки, планшеты, смартфоны)  можно задать – какой процент области может занимать модуль на том или ином устройстве.
  
  Например, мы можем показывать  12 изображений на различных устройствах так:
  • на настольных компьютерах:  2 ряда по 6 модулей
  • на ноутбуках 3 ряда по 4 модуля
  • на планшетах 4 ряда по 3 модуля
  • на смартфонах 6 рядов по 2 модуля

 

 

Пример адаптивности с фиксированной шириной и высотой для 4 модулей: 

 

 

---

 

 

 

Административная панель

 

 

 

 

Функциональность

• Управление показом - везде / только на компьютерах / только на телефонах / отключить
• Возможность вывода модуля в любом доступном блоке вывода
• Возможность изменить порядок следования внутри блока

• Установка типа адаптивного поведения: с фиксированным размером и обтеканием по левому краю и установки ширины модуля в процентах на разных типах устройств.

• Установка размера, ширины / высоты модуля в пикселях для адаптивного поведения с фиксированным значением

• Установка ширины модуля в процентах для разных типов устройств

• Мгновенное визуальное изменение размеров иконок
• Установка отступа по ширине / по высоте
• Выбор иконки

• Установка стиля иконки: круглая / квадратная

• Выбор эффекта появления

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

• Редактирование цвета иконки
• Установка ссылки, ведущую с текста на любую страницу
• Визуальное редактирование модуля и просмотр результата после применения
• Возможность размещать текст, изображения, видео