The Making of eCommerce Home 4

eCommerce Home 4

With the power of Visual Composer building an advanced and fully customized page (or even posts or custom post types) is as easy as dragging and dropping blocks and saving the results.

All you need to do is to create a New Page click on the Visual Composer button (the blue one) to turn your regular editor into an advanced page layout builder and start adding rows, columns and finally the elements you want into your rows.

Here is the under the hood magic:

Tip: you can copy the code above, set your page editor back to the classic mode and set it to text, then paste the code in there, set your editor to Visual Composer mode again, hit update button, and VC will take care of the rest, yes it works both ways, if you paste VC compatible shortcodes, VC will show you the blocks and rows automatically and you can drag and drop them around. Also Make sure you have imported Rev Slider, Master Slider and Ess Grids import files.
[vc_row padding="0" el_class="full" margin_bottom="0"][vc_column width="1/1"][rev_slider_vc alias="front-page-slideshow"][/vc_column][/vc_row][vc_row bg_color="#161515" el_class="full" bg_image_repeat="no-repeat" padding="40px 0 20px 0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/3"][special-box title="IT'S COFFEE TIME EVERYBODY" box_url="" alignment="center" background_color="#525252" text_color="#ffffff" background_image="6157" box_padding="96px 25px"]SHOP WITH US AND YOU WILL BE INVITED TO A COFFEE AND COOKIE[/special-box][/vc_column_inner][vc_column_inner width="1/3"][special-box title="COMING SOON TO OUR STORE" box_url="" alignment="center" background_color="#525252" text_color="#ffffff" background_image="6163" box_padding="96px 25px"]ALL NEW ONE STAR SHOES SOON TO THE MARKET IN OUR COLLECTION[/special-box][/vc_column_inner][vc_column_inner width="1/3"][special-box title="BRAND NEW ARRIVALS" box_url="" alignment="center" background_color="#525252" text_color="#ffffff" background_image="6166" box_padding="96px 25px"]TAKE A LOOK AT BRAND NEW FASHION ARRIVALS FOR WOMEN[/special-box][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding="20px 0 0 0"][vc_column width="1/1"][vc_column_text][recent_products per_page="8" columns="4" orderby="date" order="desc"][/vc_column_text][/vc_column][/vc_row][vc_row bg_image_repeat="no-repeat" css=".vc_custom_1399923679161{padding: 70px 0px !important;}" row_layout="full" bg_type="image" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-vz-jquery" bg_image_new="6852" bg_image_size="cover" bg_img_attach="scroll" parallax_sense="30" bg_override="0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][vc_single_image image="6194" alignment="center" img_link_target="_self" img_size="full" img_link=""][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding="0"][vc_column width="1/1"][vc_column_text el_class="no-margin"]
<h3 class="no-margin" style="text-align: center;">FEATURED PRODUCTS</h3>
[/vc_column_text][advanced_separator position="aligncenter" size="sep-small" color="sep-dark"][vc_products_slider carousel_type="featured_products" items="4" per_page="12" orderby="date" order="asc" slide_speed="800" scroll_per_page="true" navigation="true" pagination="false"][/vc_column][/vc_row]

The magic of Visual Composer is that you do not have to deal with one single line of these codes and shortcodes, you just drag and drop, VC will write the code for you.