Masterium - Prestashop Landing Page Builder

[top module]

Module
Module

Updated: Dec 05, 2021

Share:
$99

1 Year updates

1 Year general support

The renewal price for 1 year updates and 1 year general support is $29

Simple and easy, live front-end page builder for Prestashop. Create a perfect Web 3.0 design for any page of your store. NO-CODE technology allows you to make any changes in your store without hiring a developer.

Quantity

  • Compatibility: 1.7.x
  • Version: v1.0 (10.12.2020)
  • Localization: RU, EN, PL, ES, FR, DE

A real front-end page builder, instant application of all changes, advanced customization of rows and columns, advanced editing of product pages. Absolutely freedom to implement your ideas with NO CODE!

Masterium was specially developed for PrestaShop, it is not an adaptation of other constructors from Wordpress, so you have more widgets, more settings and more flexibility in the layout.

Live Design
The editing process takes place right on the pages of your store, you no longer need to preview or switch from the back office. Fine-tuning each block, row, column, or element makes it easy to transfer any layout from Figma or sketch. Layer editing mode allows you to arrange elements on the page along the Z-axis in accordance with the latest Web 3.0 design trends\r\n
Ease of use
Today you no longer need to be a designer or developer, No-code technology and ready-made design blocks allow you to create premium quality designs and easily make the changes you need to it. A set of 57 widgets and a composite widget for product pages will allow you to change a ready-made template to suit your needs in a matter of minutes.\r\n
Mobile friendly
The builder allows you to customize the design for 6 main mobile device extensions. You can customize the design, layout, display, and even content for each extension. In accordance with the latest requirements for the speed of sites on mobile devices, we made sure that your images are automatically converted to a progressive format.

Visual Front-End Editor

Use the visual page editor to instantly change any element such as section, rows, columns or widgets. This can be text, pictures, videos, or products. All changes take place directly on the current page, you no longer need to navigate from the BO to see the result. See how it works:

Picture
Video Background
Video Background
Add videos as background to Blocks. You can use the link to YouTube and Vimeo, your server links to videos, and upload video files.
Shape Dividers
Shape Dividers
Add striking shapes to separate the sections of your page.
Parallax effect
Parallax effect
Add a nice parallax effect to your sections to make your page design look dynamic.
Animation
Animation
Animation is an effect used for all kinds of web components. This can happen when visitors scroll through your web page, which draws their attention to the element, adding a bit of interactivity.
Borders
Borders
Border is an important and very popular effect in web design. You can add a border to any element.
Color Picker
Color Picker
Use the color picker to choose your own colors and create color schemes for your pages and themes. This is an essential feature of any graphical user interface.
Font
Font
The choice of font is necessary for styling any text elements such as headings, text, hyperlinks, lists, etc. Typography sets the font family, weight, variant, size, line height. 
100+ Google Fonts
100+ Google Fonts
Use the color picker to choose your own colors and create color schemes for your pages and themes. This is an essential feature of any graphical user interface.
Background
Background
Add backgrounds to widgets, icons, blocks or columns and even a page. You can choose between solid fill, gradient, image and video.
Shadow
Shadow
Apply shadow to the text, buttons, pictures and other elements easy.
Transparency
Transparency
One of the popular effects in web design is transparency. Most often it is used to overlay colors or pictures on top of each other, or to form smoother color transitions.
Extended transformation
Extended transformation
Advanced effects such as hue, saturation, invert, sepia or blur help you easily style or blend into existing designs.

Widgets

For a full-fledged robot, 57 widgets are available to you!

Including a composite widget for customizing the product page.

Picture

Due to the fact that the constructor consists of many elementary widgets, you have the opportunity to assemble pages with absolutely any functionality

Separator
Separator
An element with which you can separate logical blocks of the page using pictures or icons
Buttons
Buttons
Use buttons with different styling and customize your style
Video button
Video button
Convenient widget for watching video in popup
Video
Video
The video widget works without an iframe and loads only if the user has started watching the video, so your pages will be lighter and will load much faster.
Full width slider
Full width slider
Designed to provide up-to-date information on your store. Built-in basic text animation, as well as auto scroll settings, scrolling speed and navigation stylization.
Gallery
Gallery
You can manage the grid of the gallery of pictures, post links to them or quick view, you can also make a carousel of pictures from any gallery.
Icon and Image boxes
Icon and Image boxes
Change the icon style, position and design. Choose icons from the library or add your own.
Banners
Banners
Customize any number of banners of different formats, with different types of animation and hover effects.
Tabs
Tabs
Place any content in tabs. Tabs can be horizontal and vertical.
Accordion
Accordion
Place any content in accordion tabs. You can expand the lists one by one, or leave only one open.
Progress bars
Progress bars
The progress tool will be useful for you to designate quantitative indicators in a graphical form, both animated and static scales are available to you.
Tooltips
Tooltips
Often, some parts of the photos need to be marked with a footnote. Choose the location and design of the footnote for a beautiful display.

Masterium allows you to very precisely and easily customize the display of the site on all mobile devices, hide individual content, change the order of content, etc.

Picture
Auto-adaptation of content
Auto-adaptation of content
By default, the added content adapts itself to mobile devices.
Content order
Content order
Change the order of the content on the page depending on the width of the screen.
Hiding content
Hiding content
You can hide some content for certain devices or for several at once.
Responsive Editing
Responsive Editing
For each device, you can style any part of the page so that it will be completely different from the desktop version.

The Product Page Components Widget allows you to create your own unique product card template.

Picture

Together with the rest of the widgets, you can turn the page into a completely independent landing page with a unique design and even with its own header and footer!

Compatible with almost all other modules


Most of the third party modules are compatible with Masterium. If the module has a widget interface, then it will automatically become available for placement on the page.

For the convenience of work, you have two editing modes available. Grid mode and backlight mode. The backlight mode is minimalistic and easy to use for quick editing. Grid mode is a full-fledged navigator that shows the entire page structure and all nesting. You can transfer parts with a simple drag&drop.



Additionally, you may need the right panel for quick navigation and control of page blocks.

Picture

The appearance of product cards can be customized using advanced options. Select a thumbnail template and allow individual parts of it to be shown. This way you can make your miniatures look unique.


In addition, products can be displayed horizontally. Create a slider from the list and adjust the number of products per line for each screen.


Choose by what kind of sorting to show products, new products, bestsellers, discounts, from specific categories, specific products or to show randomly.

Picture

The header consists of special widgets and modernized standard modules that you can place anywhere and style as you like.

Picture

In addition, there are ready-made headers available that you can use or change.

Picture
Picture
Picture
Picture
Picture

The bast part of the header can be made sticky, or even a duplicate header of free form can be created that will be visible when scrolling.

In this case, the sticky part can be both at the top of the page and at the bottom, this allows you to greatly unload the top part by making the interface look like a native application.

Picture

Create your own unique site footer or choose one of the ready-made ones.

Picture

Customize anything you want! Add any scripts or your own styles to make your page as unique as possible.

Picture

Own design blocks


Save your own widgets, blocks or entire pages and use them anywhere in your store.

Picture
Your rate

Masterium - Prestashop Landing Page Builder

$99
Quantity