The Making of eCommerce Home 1

eCommerce Home 1

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_1401464479579{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"][masterslider_pb id="2"][/vc_column][/vc_row][vc_row css=".vc_custom_1401710713185{margin-bottom: 0px !important;padding-top: 10px !important;padding-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"][vc_row_inner][vc_column_inner width="1/3"][bsf-info-box icon_type="selector" icon="Defaults-leaf" img_width="48" icon_size="42" icon_color="#333333" icon_style="circle" icon_color_bg="#ffffff" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" title="Best shopping experience" read_more="none" read_text="Read More" hover_effect="style_3" pos="square_box" box_bg_color="#f7f7f7"]
<h3 class="light-text" style="text-align: center;">100% SATISFACTION GUARANTEED</h3>
<h4 class="light-text" style="text-align: center;"><a href="#"><span style="color: #e54933;">SHOP NOW!</span></a></h4>
[/bsf-info-box][/vc_column_inner][vc_column_inner width="1/3"][bsf-info-box icon_type="selector" icon="Defaults-gift" img_width="48" icon_size="42" icon_color="#333333" icon_style="circle" icon_color_bg="#ffffff" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" title="Gift cards and coupons" read_more="none" read_text="Read More" hover_effect="style_3" pos="square_box" box_bg_color="#f7f7f7"]
<h3 class="light-text" style="text-align: center;">25% COUPON ON YOUR NEXT ORDERS</h3>
<h4 class="light-text" style="text-align: center;"><a href="#"><span style="color: #e54933;">CLAIM YOURS</span></a></h4>
[/bsf-info-box][/vc_column_inner][vc_column_inner width="1/3"][bsf-info-box icon_type="selector" icon="Defaults-heart" img_width="48" icon_size="42" icon_color="#333333" icon_style="circle" icon_color_bg="#ffffff" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" title="After sale support" read_more="none" read_text="Read More" hover_effect="style_3" pos="square_box" box_bg_color="#f7f7f7"]
<h3 class="light-text" style="text-align: center;">WE LOVE YOU EVEN AFTER SALES</h3>
<h4 class="light-text" style="text-align: center;"><a href="#"><span style="color: #e54933;">CONTACT NOW</span></a></h4>
[/bsf-info-box][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=".vc_custom_1401720255449{margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 60px !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"][vc_row_inner][vc_column_inner width="1/2"][vc_single_image image="7055" border_color="grey" img_link_target="_self" img_size="full" img_link="uneboutique.capital-themes.net/shop/for-men/"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image image="7054" border_color="grey" img_link_target="_self" img_size="full" img_link="uneboutique.capital-themes.net/shop/for-women/"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=".vc_custom_1401720530796{margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 60px !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" font_color="#bbbbbb"][vc_column width="1/1"][vc_row_inner css=".vc_custom_1401720340076{margin-bottom: 60px !important;}"][vc_column_inner width="1/1"][vc_text_separator title="SHOP BY CATEGORY" title_align="separator_align_center" color="grey" accent_color="#e7e7e7"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/1"][product_categories_slider items="4" limit="12" orderby="name" order="asc" slide_speed="800" scroll_per_page="false" navigation="true" pagination="false"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row font_color="#ffffff" css=".vc_custom_1401809839442{margin-bottom: 0px !important;padding-top: 40px !important;padding-bottom: 90px !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="7070" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="scroll" parallax_sense="45" bg_override="0" row_separator="sep-simple-transparent-triangle" row_sep_color="#ffffff"][vc_column width="1/1" overlay_link="||"][vc_row_inner][vc_column_inner width="1/1"][vc_column_text]
<h3 class="no-margin" style="text-align: center;">WITH EACH PURCHASE: <span class="rotate">FREE SHIPPING FOR ORDERS OVER $37, DELIVERED TO YOUR DOORS IN 24 HOURS, GET 25% COUPON ON YOUR NEXT ORDERS</span></h3>
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=".vc_custom_1401629680964{margin-bottom: 0px !important;border-width: 0px 0px 1px !important;padding-top: 60px !important;padding-bottom: 60px !important;background-color: #ffffff !important;border-color: #efefef !important;border-style: solid !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"][vc_row_inner][vc_column_inner width="1/1"][ultimate_heading alignment="center" spacer="line_with_icon" spacer_position="top" spacer_img_width="48" line_style="solid" line_height="1" line_color="#cccccc" icon_type="custom" icon_style="none" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" img_width="58" line_icon_fixer="30" line_width="250" icon="linicon-basket" icon_img="6414" icon_size="16" main_heading_margin="margin-top:30px;" sub_heading_font_size="18"][/ultimate_heading][/vc_column_inner][/vc_row_inner][ultimate_spacer height="30"][vc_row_inner][vc_column_inner width="1/1"][vc_products_slider carousel_type="recent_products" items="4" per_page="12" orderby="date" order="desc" slide_speed="800" scroll_per_page="false" navigation="true" pagination="false"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=".vc_custom_1401700970911{margin-bottom: 0px !important;padding-top: 60px !important;padding-bottom: 20px !important;background-color: #ffffff !important;}" 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" row_layout="full" font_color="#bbbbbb"][vc_column width="1/1" text_align="text-center"][vc_row_inner][vc_column_inner width="1/1"][vc_text_separator title="MEET OUR TEAM" title_align="separator_align_center" color="grey" accent_color="#e5e5e5" el_width="50"][/vc_column_inner][/vc_row_inner][ultimate_spacer height="30"][masterslider_pb id="1"][/vc_column][/vc_row][vc_row css=".vc_custom_1401562906813{margin-bottom: 0px !important;border-width: 1px 0px 0px !important;padding: 0px !important;border-color: #d8d8d8 !important;border-style: solid !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"][vc_images_carousel images="7056,7060,7061,7065,7064,7066,7063,7067,7062,7059,7058,7057" onclick="custom_link" custom_links_target="_self" speed="5000" slides_per_view="5" autoplay="yes" hide_pagination_control="yes" img_size="full" custom_links="#,#,#,#,#,#,#,#,#,#,#,#"][/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.