Мастериум - Визуальный Конструктор Страниц для Prestashop

[топовый модуль]
Модуль
Модуль

Обновлено: Дек 05, 2021

Поделится:
99 $

1 Год бесплатные обновления

1 Год поддержки

Цена продления для ролучения обновлений и поддержки на 1 год составляет 1500 рублей.

*Конструктор совместим с любыми темами и сторонними модулями.

Количество

  • Совместимость: 1.7.0.0 - 1.7.8.6
  • Версия: v1.1.0 (26.06.2022)
  • Локализация: RU, EN, PL, ES, FR, DE

Настоящий фронт енд конструктор, мгновенное применение всех изменений, расширенная настройка строк и столбцов, расширенное редактирование страниц продукта. Полная свобода для воплощения ваших идей и 
никакого кода!
 
Мастериум был специально разработан для PrestaShop, он не является адаптацией других конструкторов от Wordpress, поэтому вам доступно больше виджетов, больше настроек и больше гибкости в  верстке. 

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

Дизайн
Процесс редактирования происходит прямо на страницах вашего магазина, вам больше не нужно предварительно просматривать или переключаться из бэк-офиса. Точная настройка каждого блока, строки, столбца или элемента позволяет легко перенести любой макет из Figma или Scetch. Режим редактирования слоя позволяет размещать элементы на странице по оси Z в соответствии с последними трендами дизайна Web 3.0.
Простота в использовании
Сегодня уже не нужно быть дизайнером или разработчиком, технология No-code и готовые дизайн блоки позволяют вам создавать дизайн премиального качества и легко вносить в него изменения, которые вам нужны. А набор из 57 виджетов и составного виджета для продуктовых страниц, позволят вам в считанные минуты изменить готовый шаблон под свои нужды.
Мобильная адаптивность
Конструктор позволяет вам настраивать дизайн под 6 основных расширений мобильных устройств. Вы можете задать индивидуальный дизайн, расположение, отображение и даже контент для каждого расширения. В соответствии с последними требованиями к скорости работы сайтов на мобильных устройствах мы позаботились о том, что бы ваши изображения автоматически конвертировались в прогрессивынй формат.

Визаульный Конструктор Страниц

Используйте визуальный редактор страниц для мгновенного изменения любых элементов, таких как секция, строки, колонки или виджеты. Это может быть текст, картинки, видео или товары. Все изменения происходят прямо на текущей странице, больше не нужно выполнять переход из БО, что бы посмотреть результат. Посмотрите как это работает:

Picture
Видео бекграунд
Видео бекграунд
Добавьте видео в качестве фона в блоки. Вы можете использовать ссылку на YouTube и Vimeo, ваш сервер ссылается на видео и загружать видео файлы.
Разделители секций
Разделители секций
Добавьте эффектные формы, чтобы разделить разделы страницы.
Параллакс эффект
Параллакс эффект
Добавьте своим секциям приятный параллакс эффект чтобы дизайн страницы смотрелся динамичние.
Анимация
Анимация
Анимация - это эффект, используемый для всех видов веб-компонентов. Это может происходить, когда посетители прокручивают вашу веб-страницу, что привлекает их внимание к элементу, добавляя немного интерактивности.
Границы
Границы
Граница - важный и очень популярный эффект в веб-дизайне. Вы можете добавить рамку к любому элементу.
Цветовая палитра
Цветовая палитра
Используйте палитру цветов, чтобы выбрать собственные цвета и создать цветовые схемы для ваших страниц и тем. Это важная особенность любого графического пользовательского интерфейса.
Шрифты
Шрифты
Выбор шрифта необходим для стилизации любых текстовых элементов, таких как заголовки, текст, гиперссылки, списки и т. д. Типографика задает семейство шрифтов, жирность, вариант, размер, высоту строки.
100+ Google Шрифтов
100+ Google Шрифтов
Используйте более 100 шрифтов Google на своих веб-страницах.
Фон
Фон
Добавляйте фон виджетам, иконкам, блокам или колонкам и даже странице. Вы можете выбирать между сплошной заливкой, градиентом, изображением и видео.
Тень
Тень
Применяйте тень к тексту, кнопкам, картинкам и другим элементам.
Прозрачность
Прозрачность
Один из популярных эффектов в веб дизайне это прозрачность. Чаще всего его используют для наложения цвета или картинок друг на друга или для формирования более плавных цветовых переходов.
Расширенная трансформация
Расширенная трансформация
Расширенные эффекты, такие как оттенок, насыщенность, инверсия, сепия или размытие, помогут вам легко стилизовать или смешать с существующими дизайнами.

Виджеты

Для полноценной роботы вам доступно 57 виджетов!

В том числе составной виджет для настройки страницы товара.

Picture

Благодаря тому что конструктор состоит из множества элементарных виджетов у вас есть возможность собирать страницы с абсолютно любым функционалом

Разделитель
Разделитель
Элемент с помощью которого вы можете разделить логические блоки страницы с использованием картинок или иконок
Кнопки
Кнопки
Используйте кнопки с разной стилизацией, а так же настраивайте свой стиль
Видео кнопка
Видео кнопка
Удобный виджет для просмотра видео в попапе.
Видео
Видео
Виджет видео работает без iframe и загружается только если пользовательначал просмотр ролика, поэтому ваши страницы будут более легкими и будут грузиться гораздо быстрее.
Полноэкранный слайдер
Полноэкранный слайдер
Создан для размещения актуальной информации в вашем магазине. Встроенна базовая анимация текста, а так же настройки авто скрола, скорости прокрутки и стилизация навигации. 
Галерея
Галерея
Вы можете управлять сеткой галереи картинок, вешать на них ссылки илибустрый просмотр, так же из любой галереи можно сделать карусель картинок. 
Блок с иконками или картинками
Блок с иконками или картинками
Меняйте стиль иконки, расположение и оформление. Выбирайте иконки из библиотеки или добавляйте свои.
Баннеры
Баннеры
Настройте любое количество баннеров разных форматов, с разными видами анимации и ховер эффектов.
Вкладки
Вкладки
Размещайте любой контент во вкладках. Вкладки могут быть горизонтальными и вертикальными.
Аккордеон
Аккордеон
Размещайте любой контент во вкладках типа аккордион. Можно раскрывать списки один за другим или оставлять открытым только один.
Шкала прогресса
Шкала прогресса
Инструмент прогресса пригодится вам для обзначения количественных показателей в графическом виде, вам доступны как анимированные шкалы так и статичные.
Всплывающие подсказки
Всплывающие подсказки
Часто, некоторые участки фотографий нужно пометить сноской.  Выберите расположение и дизайн сноски для красивого отображения.

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

Picture
Авто-адаптация контента
Авто-адаптация контента
По умолчанию добавленный контент сам адаптируется под мобильные устройства.
Порядок контента
Порядок контента
Меняйте порядок следования контента на странице в зависимости от ширины экрана.
Скрытие контента
Скрытие контента
Вы можете скрыть часть контента для определенных устройств или для нескольких сразу.
Адаптивное редактирование
Адаптивное редактирование
Для каждого устройства можно стилизовать любую часть страницы так что она будет абсолютно не похожа на версию десктопа.

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

Picture

В совокупности с остальными виджетами вы можете превратить страницу в абсолютно независимый лендинг пейдж с уникальным дизайном и даже со своим хедером и футером!

Совместим практически со всеми остальными модулями


Большинство сторонних модулей совместимы с Masterium.  Если модуль имеет интерфейс виджета то он автоматически станет доступен для размещения на странице.

Для удобства работы вам доступно два режима редактирования. Режим сетки и режим подсветки. Режим подсветки минималистичен и его удобно использовать для быстрого редактировани. Режим сетки представляет собой полноценный навигатор в котором показана вся структура страницы и все вложенности. Вы можете переносить части простым драгндропом. 


Дополнительно вам может понадобиться правая панель для быстрой навигации и управления блоками страницы.
Picture

Внешний вид карточек товара можно настроить с помощью расширенных опций. Выбирате темплейт миниатюры и разрешите к показу отдельные его части. Таким образом вы сможете сделать уникальный внешний вид ваших миниатюр.

Помимо этого товары можно показывать в горизонтальной развертке. Создать из списка слайдер и настроить количество товаров в строке для каждого экрана.

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

Picture
Хедер состоит из специальных виджетов и модернизированных стандартных модулей, которые вы можете разместить где угодно и стилизовать как угодно.
Picture
Помимо этого вы доступны готовые хедеры которые вы можете использовать или изменить.
Picture
Picture
Picture
Picture
Picture

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


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

Кастомизируйте все что угодно! Добавляйте любые скрипты или собственные стили что бы сделать свою страницу максимально уникальной.

Picture

Собственные дизайн блоки

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

Picture
Ваша оценка

05.12.2021

Release version 1.0

Мастериум - Визуальный Конструктор Страниц для Prestashop

99 $
Количество