Реактивные обновления главной страницы IntecUniverse 2.2.7

Реактивные обновления главной страницы IntecUniverse 2.2.7

24 декабря 2020


Автор: Интернет-агентство INTEC
Фото 1: «Реактивные обновления главной страницы IntecUniverse 2.2.7»    



Встречайте обновления главной страницы линейки готовых сайтов и интернет-магазинов IntecUniverse.

Линейка включает готовые сайты под любую задачу:  
  • IntecUniverse - интернет-магазин с конструктором дизайна
  • IntecUniverse SITE - корпоративный сайт с конструктором дизайна
  • IntecUniverse LITE - интернет-магазин на редакции Старт с конструктором дизайна
  • IntecUniBOX - конструктор лендинговых сайтов с уникальным редактором дизайна и интернет-магазином
  • INTEC.Prom - сайт промышленной компании и оптового поставщика с интернет-магазином и отраслевой CRM
Фото 2: «Реактивные обновления главной страницы IntecUniverse 2.2.7»


Новые шаблоны услуг на главной странице
Добавлены новые шаблоны вывода элементов услуг на главной странице для еще более эффективной презентации деятельности вашей компании.

Список с возможностью заказать несколько услуг. Это отличный вариант для таких сфер как строительство, красота, клининг, обслуживание авто.

Фото 3: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Плитка и слева выводится короткое описание каждой услуги:

Фото 4: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Компактный вид - услуги с табами сверху. Услуги выводятся не сплошным списком, а разбиты по категориям для большего удобства.

Фото 5: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Компактный вид - услуги с табами слева.

Фото 6: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Разделы с изображением, описанием и списком элементов.

Фото 7: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Как изменить вид отображения услуг

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


Фото 8: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Пошаговая настройка

Сначала перейдите на страницу услуг, откройте Шестеренку в публичной части сайта. Здесь вы можете не только легко менять вид отображения каталога, но и других элементов сайта.

Фото 9: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Выберите настройки "Главной страницы". После этого выберите понравившийся тип отображения услуг.

Фото 10: «Реактивные обновления главной страницы IntecUniverse 2.2.7»


У нас в примере это тип Вкладки 2 - услуги с табами сверху. Не забудьте применить настройки.

Фото 11: «Реактивные обновления главной страницы IntecUniverse 2.2.7»


Отдельное изображение для центрального баннера под мобильную версию

Адаптивность - важный аспект поисковой оптимизации. Поэтому в линейке IntecUniverse мы добавили возможность размещать отдельное изображение для центрального баннера под мобильную версию. Изображение будет выводиться вместо основного фона.

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

Вот так он выглядит на десктопной версии и справа вариант для мобильной версии. Как видите, справа не очень понятно, что баннер предназначен для раздела «Товары для спорта и отдыха». Заголовок диссонирует с изображением, что снижает эффективность рекламного посыла для аудитории.

Давайте зададим баннеру более подходящий фон.

Фото 12: «Реактивные обновления главной страницы IntecUniverse 2.2.7»

Это можно сделать 2 способами - через функционал дополнительного модуля INTEC Конструктор сайтов - визуальный редактор структуры и дизайна или через публичную часть (если INTEC: Конструктор нет).

Рассмотрим второй способ. Вызываем окно настройки параметров шапки в INTEC: Конструктор.
Фото 13: «Реактивные обновления главной страницы IntecUniverse 2.2.7»
В поле «Внешний вид» включить настройку «Баннер. Использовать изображение для мобильной версии».
Фото 14: «Реактивные обновления главной страницы IntecUniverse 2.2.7»
И в настройке «Баннер». Свойство «Изображение баннера в мобильной версии» выбрать свойство типа «Файл», в котором у элементов будет заполняться фоновая картинка для мобильной версии.

Выбираем необходимый фон.

Фото 15: «Реактивные обновления главной страницы IntecUniverse 2.2.7»
Сохраняемся и смотрим результат. Теперь все предельно ясно с первых секунд. Заголовок и изображение работают синхронно и эффективнее передают ваш посыл.

Фото 16: «Реактивные обновления главной страницы IntecUniverse 2.2.7»


Новый вид отображения блока Instagram

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

Фото 17: «Реактивные обновления главной страницы IntecUniverse 2.2.7»


Тип отображения переключается в Шестеренке.
Фото 18: «Реактивные обновления главной страницы IntecUniverse 2.2.7»


Теперь предлагаю вам посмотреть видеообзор:


На этом все. Покоряйте новые бизнес-вершины вместе с IntecUniverse. Еще больше реактивных обновлений - в следующих статьях. Не пропустите!