Magezon Page Builder Tutorial

Subscribe to RSS Feed

Magezon Page Builder is a powerful set of tools that helps you create and manage your Magento website without touching a line of code. Everything from product descriptions through the site structure CMS Page, Static Block is easily configured in seconds.

How to Create Equal Height Columns?

Trang VT October 4, 2019 Magezon Page Builder Tutorial 1 2,808 5 Min read

Creating equal height columns is very important in web design but normally requires CSS to achieve. In Magento 2, this is not an exception. However, with Magezon Page Builder, creating layouts with equal height columns has become much easier and faster with no CSS needed. Curious? ...

How to add parallax background

Trang VT September 28, 2019 Magezon Page Builder Tutorial 0 2,462

Parallax scrolling is a special effect in web design where background content (e.g. images) moves at a slower speed than foreground content while scrolling. Parallax scrolling creates an illusion of depth with a 3D effect, thus definitely making your sites more lively and grab visitors’ ...

Create and manage templates in Magezon Page Builder

Demo September 26, 2019 Magezon Page Builder Tutorial 0 1,204

This article is going to show you how to create new templates and manage them in Magezon Page Builder.For a visual step-by-step guide, take a look through this tutorial video Magezon Page Builder Tutorial | Create and manage templates1. Add a new template1.1 Create a brand new template from the ...

How to add custom CSS in Magezon Page Builder

Hong HT September 18, 2019 Magezon Extension Tutorial, Magezon Page Builder Tutorial 0 2,405 8 Min read

We all know Magezon Page Builder is open source code. Thus, you can modify and create your own CSS code and apply it on the site. The question is, where should you put it in Magezon Page Builder? This article, we will show you 2 ways to do this. 1. Add inline ...

How to create multiple columns

Demo September 2, 2019 Magezon Page Builder Tutorial 0 2,712

Our Ninja Menus 2.0 comes with new features as well as updated UI and UX. One of these features is the ability to create menu in multiple languages. When switching the website between languages, the menus will change respectively. In this article, we will show you how to create menus in ...

Create stunning sites with Magento responsive page builder

Hong HT August 30, 2019 Magezon Page Builder Tutorial, E-Commerce Tips 0 2,603

While visiting a website which looks terrible on the mobile device, what will you do next? Maybe you should leave for somewhere else. Thus, using a responsive page builder can help you prevent that risk. It's successful to attract customers to visit your site. However, having them leave ...

How to use Design Options tab of Magezon Page Builder to customize elements?

Hong HT August 11, 2019 Magezon Extension Tutorial, Magezon Page Builder Tutorial 0 8,216

1. Responsive Options Design The Design Options tab gives you the right to apply different sizes of the screens on to your page. Device type From the Design Options, click on the caret to see the drop-down - Choose Custom. Then, there will be symbols of devices for you to ...

Drag and Drop in Magezon Page Builder explained

Demo July 16, 2019 Magezon Extension Tutorial, Magezon Page Builder Tutorial 0 1,276

Drag and drop editor means you can control your layout by drag and drop function. Rearrange the structure and elements of your layout. Along with other features, this one gives you ease while shaping your site. This stunning intuitive interface lets you move any items to anywhere you ...