Самый продвинутый фронт-энд редактор страниц для Prestashop

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

Идеален для бизнесменов, разработчиков и дизайнеров.
NO-CODE технология на базе Bootstrap 4

Попробовать Мастериум

* Поддерживает любые модули и шаблоны!

Два режима редактирования

В режиме сетки вам наглядно доступна вся структура страницы, это очень удобно при верстке дизайнов из Photoshop, Figma или Scetch

Готовые виджеты и секции

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

Мобильно оптимизирован

Гибкая настройка дизайна и расположения блоков для каждого экрана мобильных устройств. Все брекпоинты соответствуют размерной сетке Bootstrap 5

Виджеты

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

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

new

Конструктор товарной страницы

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

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

Попробовать редактор

Дополнительные возможности

Больше возможностей воплотить ваши креативы в жизнь

Видео бекграунд

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

Разделители секций

Добавьте эффектные формы, чтобы разделить разделы страницы.

Параллакс эффект

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

Анимация

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

Границы

Граница - важный и очень популярный эффект в веб-дизайне. Вы можете добавить рамку к любому элементу.

Цветовая палитра

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

Шрифты

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

100+ Google Шрифтов

Используйте более 100 шрифтов Google на своих веб-страницах.

Фон

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

Тень

Применяйте тень к тексту, кнопкам, картинкам и другим элементам.

Прозрачность

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

Расширенная трансформация

Расширенные эффекты, такие как оттенок, насыщенность, инверсия, сепия или размытие, помогут вам легко стилизовать или смешать с существующими дизайнами.

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

Авто-адаптация контента

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

Порядок контента

Меняйте порядок следования контента на странице в зависимости от ширины экрана.

Скрытие контента

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

Адаптивное редактирование

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

05.12.2021

Release version 1.0

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

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

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

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

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

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

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

05.12.2021

Release version 1.0

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

05.12.2021

Release version 1.0

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

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

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