In order to continue the series of magento page builder tutorials. Today I will show you how to create homepage in magento and other cms page using Magento Page Builder.
Step 1. Fulfill Page Information
Please go to the magento admin panel >> Venustheme >> Ves Page Builder >> Add Page Profile
Step 2. Choose Page Layout
Please open CMS Page Information
Step 3: Start building content layout
Open Design Page >> click on “add new row” button
Step 4. Add column and widgets
Next, click on “add column” button to add many column as you want. And “add widget” button, learn how to use magento widgets here:
Step 5. Insert Widget
After hit ” add widget” button. There is a popup appear together with widgets. Now please choose “magento” tab and select ” Ves Base: Magento Block” widget as below image
Step 6. Load Block for your page builder
In the widget options section, you need to select “block name” to load “header” and “footer” for the page builder
Step 7. Responsive Design, Mobile Ready Layout
In “design in” section, you can change layout for different kind of devices from large screen PC, desktop, tablets, to small devices such as smartphone.
Step 8. Setting Tabs of your page builder profile
Please open the “setting” tab, then scroll down and enable ” Wrapper Block” and select “wrapper class”
Note: By combining Header/ Footer/ Sidebar Block with Main Content layout, you will own a complete magento page content layout as you expected. In this post, we did guide you how to create header block, footer block and sidebar block. You can learn how to create responsive main content layout using magento page builder, learn more here: /how-to-create-responsive-magento-page/.
Related Posts
- HOW TO USE VES PAGE BUILDER- MAGENTO PAGE BUILDER TUTORIAL VIDEO
- Oshop- Magento 2 Theme for shoes, bags, glasses fashion store
- Magento 2 Bootstrap Theme for fashion Men and Women store
- Best Magento 2 Theme for Men Fashion and digital camera
- Get Access To Magento Theme Club Only $84
- HOW TO BUILD CONTENT BLOCK USING VES BLOCK BUILDER
- MAGENTO PAGE BUILDER: HOW TO GET THE MOST FROM YOUR PAGE BUILDER
- HOW TO USE LIVE CSS SKIN BUILDER
- COMMONLY USED MAGENTO WIDGETS & HOW TO USE MAGENTO PAGE BUILDER WIDGETS
- HOW TO BUILD CONTENT BLOCK USING VES BLOCK BUILDER
- HOW TO BUILD PRODUCT PAGE LAYOUT USING MAGENTO PRODUCT BUILDER
This truly answered my problem, thankyou!
Hello! I just want to offer a large thumbs-up for your
good information you have here on this article.
I will be returning toyour website for more soon.