Our brands

How To Create Homepage In Magento Using Magento Page Builder

how-to-create- homepage-in-magento-using-magento-page-builder

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

Share this Post!

Alena Dao
Alena Dao

“Good marketing makes the company look smart. Great marketing makes the customer feel smart.”

2 Comments

  1. Avatar
    Leo December 13, 2015 at 5:02 pm - Reply

    This truly answered my problem, thankyou!

  2. Avatar
    heroes charge hack ios December 13, 2015 at 7:51 pm - Reply

    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.

Leave a Comment

Your email address will not be published.

Do NOT follow this link or you will be banned from the site!