The Making of eCommerce Home 2

eCommerce Home 2

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 css=".vc_custom_1403703488781{margin-bottom: 0px !important;padding: 0px !important;}" row_layout="full" bg_type="theme_default" 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-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" bg_override="0"][vc_column width="1/1"][rev_slider_vc alias="vertical_fullscreen"][/vc_column][/vc_row][vc_row css=".vc_custom_1403787502939{margin-bottom: 0px !important;background-color: #ffffff !important;}" row_layout="full" bg_type="theme_default" 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-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" bg_override="0"][vc_column width="1/1"][ess_grid alias="Custom Shop Grid 2"][/vc_column][/vc_row][vc_row css=".vc_custom_1406815431419{margin-bottom: 0px !important;padding-top: 150px !important;padding-bottom: 150px !important;}" 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="7200" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="scroll" parallax_sense="30" bg_image_posiiton="center center" animation_type="h" horizontal_animation="left-animation" vertical_animation="top-animation" viewport_vdo="viewport_play" enable_controls="display_control" parallax_content="parallax_content_value" parallax_content_sense="60" fadeout_row="fadeout_row_value" fadeout_start_effect="70" disable_on_mobile="disable_on_mobile_value" bg_override="0" disable_on_mobile_img_parallax="disable_on_mobile_img_parallax_value" row_layout="full" font_color="#ffffff"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1" text_align="text-center"][vc_button button_type="border" title="PURCHASE UNE BOUTIQUE THEME NOW" target="_self" color="wpb_button" size="btn-large" fa_icon="linicon-basket" icon_position="right" custom_styles="true" border_radius="0" border_width="2" text_size="32" custom_color="#ffffff" border_color="#ffffff" href="http://themeforest.net/item/une-boutique-ultimate-ecommerce-corporate-theme/6647456?ref=CapitalH"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=".vc_custom_1406837192863{margin-bottom: 0px !important;padding-top: 70px !important;padding-bottom: 70px !important;background-color: #ffffff !important;}" row_layout="full" bg_type="no_bg" 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-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" animation_type="h" horizontal_animation="left-animation" vertical_animation="top-animation" viewport_vdo="viewport_play" enable_controls="display_control" parallax_content_sense="30" fadeout_start_effect="30" disable_on_mobile="disable_on_mobile_value" bg_override="0" disable_on_mobile_img_parallax="disable_on_mobile_img_parallax_value" font_color="#444444"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][vc_text_separator title="NEWS FROM OUR BLOG" title_align="separator_align_left" color="grey" style="quadruple" el_width="50" accent_color="#cccccc"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][ultimate_spacer height="35"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][ess_grid alias="Recent Posts Carousel"][/vc_column_inner][/vc_row_inner][/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.