The Making of eCommerce Home 5

eCommerce Home 5

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 margin_bottom="0" padding="0" el_class="full"][vc_column width="1/1"][rev_slider_vc alias="front-page-slideshow"][/vc_column][/vc_row][vc_row el_class="full grey" bg_color="#f7f7f7" bg_image_repeat="cover"][vc_column width="1/1"][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="true" navigation="true" pagination="false"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding="0" margin_bottom="0"][vc_column width="1/1"][vc_column_text el_class="no-margin"]
<h2 style="text-align: center;">UNE BOUTIQUE - ADVANCED WOOCOMMERCE THEME</h2>
[/vc_column_text][advanced_separator position="aligncenter" size="sep-small" color="sep-dark" class="no-margin-bottom"][/vc_column][/vc_row][vc_row el_class="anything-slider" margin_bottom="0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/2"][vc_single_image image="5772" css_animation="left-to-right" img_link_target="_self" img_size="full"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text css_animation="right-to-left"]
<p class="lead">Seamlessly customize plug-and-play technologies vis-a-vis tactical supply chains. Proactively envisioneer performance based services with customized mindshare. Authoritatively repurpose global infrastructures whereas go forward paradigms.</p>
[/vc_column_text][vc_separator][vc_column_text css_animation="left-to-right"]
<ul class="lead">
	<li>Synergistically streamline client-based methods</li>
	<li>disseminate 24/7 models after revolutionary</li>
</ul>
[/vc_column_text][vc_button title="View More Details" target="_self" color="wpb_button" icon="none" size="btn-large" href="#"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/2"][vc_column_text css_animation="right-to-left"]
<p class="lead">Seamlessly customize plug-and-play technologies vis-a-vis tactical supply chains. Proactively envisioneer performance based services with customized mindshare. Authoritatively repurpose global infrastructures whereas go forward paradigms.</p>
[/vc_column_text][vc_separator][vc_column_text css_animation="right-to-left"]
<ul class="lead">
	<li>Synergistically streamline client-based methods</li>
	<li>disseminate 24/7 models after revolutionary</li>
</ul>
[/vc_column_text][vc_button title="View More Details" target="_self" color="wpb_button" icon="none" size="btn-large" href="#"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image image="6107" css_animation="right-to-left" img_link_target="_self" img_size="full"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_color="#f7f7f7" el_class="full grey" margin_bottom="0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][vc_products_slider carousel_type="best_selling_products" items="4" per_page="12" orderby="date" order="asc" slide_speed="800" scroll_per_page="true" navigation="true" pagination="false"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_image_repeat="no-repeat" 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-default" bg_image_new="6114" bg_image_size="cover" bg_img_attach="scroll" parallax_sense="30" bg_override="0" css=".vc_custom_1399970480115{background-image: url(http://uneboutique.capital-themes.net//wp-content/uploads/2013/06/row-bg.jpg?id=6114) !important;}"][vc_column width="1/1"][vc_row_inner el_class="text-center"][vc_column_inner width="1/1"][vc_column_text el_class="no-margin-bottom"]
<h1 style="text-align: center;"><span style="color: #ffffff;">WELCOME TO THE MOST COMPLETE
WOOCOMMERCE THEME EVER ON ALL OVER THE WEB</span></h1>
[/vc_column_text][advanced_separator items="white align-center" type="align-right" position="aligncenter" size="sep-small" color="sep-light"][vc_column_text]
<p class="lead" style="text-align: center;"><span style="color: #ffffff;">WITH THE POWER OF DRAG AND DROP PAGE BUILDER, LOAD OF EASE TO INSERT SHORTCODES
UNLIMITED COLORING AND LAYOUT POSSIBILITIES, YOU CAN DO MAGIC EVERYWHERE...</span>[/vc_column_text][vc_button title="View More Details" target="_self" color="wpb_button" icon="none" size="btn-large" href="#"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_single_image image="6105" css_animation="left-to-right" img_link_target="_self" img_size="full"][/vc_column][vc_column width="1/2"][vc_column_text]</p>

<h1 class="no-margin-top">UNE BOUTIQUE THEME</h1>
[/vc_column_text][vc_separator][vc_column_text]
<h3>RESPONSIVE
RETINA READY &amp;
MOBILE FIRENDLY</h3>
[/vc_column_text][vc_separator][vc_column_text]Based on the powerful foundation framework, Une Boutique brings you all the responsiveness you have ever wanted, making your online store beautifully usable on all hand held devices, plus all the graphics are ready for extera HiDpi retina screens.[/vc_column_text][/vc_column][/vc_row][vc_row bg_color="#ffffff" el_class="full grey" margin_bottom="0" padding="40px 0"][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/1"][vc_column_text]
<h2 style="text-align: center;">WHAT YOU WILL BE SAYING ABOUT UNE BOUTIQUE</h2>
[/vc_column_text][/vc_column_inner][/vc_row_inner][advanced_separator position="aligncenter" size="sep-small" color="sep-dark"][vc_row_inner][vc_column_inner width="1/1"][capital-testimonials limit="4" orderby="date" type="static"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding="20px 0"][vc_column width="1/1"][vc_column_text el_class="no-margin-bottom"]
<h2 style="text-align: center;">FEATURED IN UNE BOUTIQUE THEME</h2>
[/vc_column_text][advanced_separator position="aligncenter" size="sep-small" color="sep-dark"][vc_column_text]
<p style="text-align: center;">This is why Une Boutique is indeed the most complete WooCommerce theme ever
we are featuring the following on this theme, It’s for you to take...</p>
[/vc_column_text][vc_row_inner][vc_column_inner width="1/1"][vc_column_text]
<p style="text-align: center;"><a href="http://wordpress.org"><img class="size-full wp-image-5210 alignnone" src="http://uneboutique.capital-themes.net//wp-content/uploads/2013/06/wordpress.png" alt="wordpress logo" width="150" height="36" /></a>      <a href="http://woothemes.com/woocommerce/"><img class="alignnone size-full wp-image-5209" src="http://uneboutique.capital-themes.net//wp-content/uploads/2013/06/woocommerce.png" alt="woocommerce" width="146" height="36" /></a>     <a href="http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431"><img class="alignnone size-full wp-image-5208" src="http://uneboutique.capital-themes.net//wp-content/uploads/2013/06/vc.png" alt="vc" width="155" height="36" /></a>     <a href="http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380?WT.mc_id=item_update_email"><img class="alignnone size-full wp-image-5207" src="http://uneboutique.capital-themes.net//wp-content/uploads/2013/06/rev-slider.png" alt="rev-slider" width="165" height="36" /></a>     <a href="http://ilightbox.net/"><img class="alignnone size-full wp-image-5226" src="http://uneboutique.capital-themes.net//wp-content/uploads/2013/06/ilightbox.png" alt="ilightbox" width="150" height="36" /></a></p>
[/vc_column_text][/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.