Our brands

How To Build Content Block Using Ves Block Builder

magento create block

The process of  a magento create block requires getting through long lines of code. Luckily, Ves PageBuilder bring the best solution for that. Coming with page builder, we offer block builder. This tool is designed to build block layout on frontend such as such as left column, right column, footer, header, etc.

In this post, I will show you how to use block builder to build “Content Blocks”. Please remmember that our magento block builder will let you to create your own block layout on frontend such as left column, right column, footer, header, etc. And after you design a block, you need to assign it to the position you want to cms page, widget, or static block. Once you follow this guide step by step, you will find it very easy to use

1. Front-end Appearance

We will take the following page footer as an example

10-27-2015-3-36-37-PM

2. Backend Configuration

>> Firstly, to create a new block please go go to Admin/ venustheme / Ves Block builder / Add Block profiles/

add block profile

>> Then, open block information to fulfill necessary information

block information

>> Next, open “Design Block” to design your own block

design-block

>> Click on “add row” button as below image to start designing your block.

add a new block

>> Click “add column” button as below image. With this button, you can divide that row into as many column as you want.

Add-column

>> Add/ Assign Magento Widgets
After completing the layout you want, you need to assign magento widget for each of them. Please click on ” add widget” button as below. In the next post we will show you how to choose and use magento widgets

add-new-widgets

>> You can edit/configure block as your expectation

edit block

>> Here is a complete block layout as an example

layout-as-an-example

>> Specially,  you can config each sub-block. Below we show you some examples of sub-block we did configure.

Sub-block 1:

magento sub block1

Sub-block 2:

magento subblock2

Sub-block 3:

magento subblock

Sub-block 4:

magento subblock4

Sub-block 5:

magento subblock5-

Sub-block 6:

magento sub block6

Sub-block 7:

magento sub block

>> Saving: Please don’t not forget to save your new block

>> Finally, assign it to the position that you want.
Go to Venustheme >> Ves template Panel >> Theme Control Panel >> choose Page you want to assign block >> Layout Setting

assign block

>> In the Layout Setting, choose the position you want to add block

set block

 

Related Posts

Share this Post!

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

0 Comment

Leave a Comment

Your email address will not be published.

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