If you want to show categorize your featured products on home page as per your categories, then you can use below code.



Please paste it in Settings --> Advanced Feature --> Third party Javascript


  

<style>
#allProducts {height:0px !important}
</style>

<script>
var html='';

//ROW 1 START

//CATEGORY NAME
html +='<h3 id="featured-txt" style="text-decoration:underline;" class="txt20 mb5"><a href="/Children-depid-125716-page-1.html" title"New Arrivals">New Arrivals</a></h3>';
html +='<div style="height:450px;">';
html +='<div class="">';

//PRODUCT 1
html +='<section class=" span4 forImage defaultrelative border-ccc fadeIn">';
html +='<a href="/Fables/Fairy---Butterfly---copy-id-325125.html" title="Fairy &amp; Butterfly - copy">';
html +='<img alt="Fairy &amp; Butterfly - copy" src="http://cdn1.zepo.in/upload/product_photos/base/0/4/246/big1.325125.1.jpg">';
html +='</a>';
html +='<div class="whitebg defaultabsolute l5_featuredProdPricingTag">';
html +='<div class="l5_priceTagContainer">'; 
html +='<p class="txt15 m0 wd21 ellipsis" title="Fairy &amp; Butterfly - copy">Fairy &amp; Butterfly - copy</p>';
html +='<p class="foppishCustomColor txt18 m0">Rs.&nbsp;1089</p>';
html +='</div>';
html +='</div>';
html +='<div class="l5_quickAddToCart defaultabsolute">';
html +='</div>';
html +='<div class="l5_quickAddToCartBtns" style="top: 50%; left: 50%; margin-top: -52px; margin-left: -82.5px;">';
html +='<a class="l5_previewBtn" href="/Fables/Fairy---Butterfly---copy-id-325125.html">View Details</a>';
html +='<div class="clear"></div>';
html +='<a class="l5_quickAddToCartBtn" href="javascript:quickAddToCart(325125,5)">Add to Cart</a>';
html +='</div>';
html +='</section>';

//PRODUCT 2
html +='<section class=" span4 col forImage defaultrelative border-ccc fadeIn">';
html +='<a href="/Fables/Fairy---Butterfly-id-267265.html" title="Fairy &amp; Butterfly">';
html +='<img alt="Fairy &amp; Butterfly" src="http://cdn1.zepo.in/upload/product_photos/base/0/4/20/big1.267265.1.jpg">';
html +='</a>';
html +='<div class="whitebg defaultabsolute l5_featuredProdPricingTag">';
html +='<div class="l5_priceTagContainer">'; 
html +='<p class="txt15 m0 wd21 ellipsis" title="Fairy &amp; Butterfly">Fairy &amp; Butterfly</p>';
html +='<p class="foppishCustomColor txt18 m0">Rs.&nbsp;1089</p>';
html +='</div>';
html +='</div>';
html +='<div class="l5_quickAddToCart defaultabsolute">';
html +='</div>';
html +='<div class="l5_quickAddToCartBtns" style="top: 50%; left: 50%; margin-top: -52px; margin-left: -82.5px;">';
html +='<a class="l5_previewBtn" href="/Fables/Fairy---Butterfly-id-267265.html">View Details</a>';
html +='<div class="clear"></div>';
html +='<a class="l5_quickAddToCartBtn" href="javascript:quickAddToCart(267265,5)">Add to Cart</a>';
html +='</div>';
html +='</section>';

//PRODUCT 3
html +='<section class=" span4 col forImage defaultrelative border-ccc fadeIn">';
html +='<a href="/Educational/DNA-Molecules-6-pcs--id-267258.html" title="DNA Molecules(6 pcs)">';
html +='<img alt="DNA Molecules(6 pcs)" src="http://cdn1.zepo.in/upload/product_photos/base/0/4/19/big1.267258.1.jpg">';
html +='</a>';
html +='<div class="whitebg defaultabsolute l5_featuredProdPricingTag">';
html +='<div class="l5_priceTagContainer">';
html +='<p class="txt15 m0 wd21 ellipsis" title="DNA Molecules(6 pcs)">DNA Molecules(6 pcs)</p>';
html +='<p class="foppishCustomColor txt18 m0">Rs.&nbsp;1000</p>';
html +='</div>';
html +='</div>';
html +='<div class="l5_quickAddToCart defaultabsolute"></div>';
html +='<div class="l5_quickAddToCartBtns" style="top: 50%; left: 50%; margin-top: -52px; margin-left: -82.5px;">';
html +='<a class="l5_previewBtn" href="/Educational/DNA-Molecules-6-pcs--id-267258.html">View Details</a>';
html +='<div class="clear"></div>';
html +='<a class="l5_quickAddToCartBtn" href="javascript:quickAddToCart(267258,5)">Add to Cart</a>';
html +='</div>';
html +='</section>';

html +='<div class="clear"></div>';
html +='</div>';
html +='</div>';
//ROW 1 ENDS

//ROW 2 START

//CATEGORY NAME
html +='<h3 id="featured-txt" style="text-decoration:underline;" class="txt20 mb5"><a href="/Children-depid-125716-page-1.html" title"New Arrivals">Nature</a></h3>';
html +='<div style="height:450px;">';
html +='<div class="">';

//PRODUCT 1
html +='<section class=" span4 forImage defaultrelative border-ccc fadeIn">';
html +='<a href="/Fables/Fairy---Butterfly---copy-id-325125.html" title="Fairy &amp; Butterfly - copy">';
html +='<img alt="Fairy &amp; Butterfly - copy" src="http://cdn1.zepo.in/upload/product_photos/base/0/4/246/big1.325125.1.jpg">';
html +='</a>';
html +='<div class="whitebg defaultabsolute l5_featuredProdPricingTag">';
html +='<div class="l5_priceTagContainer">'; 
html +='<p class="txt15 m0 wd21 ellipsis" title="Fairy &amp; Butterfly - copy">Fairy &amp; Butterfly - copy</p>';
html +='<p class="foppishCustomColor txt18 m0">Rs.&nbsp;1089</p>';
html +='</div>';
html +='</div>';
html +='<div class="l5_quickAddToCart defaultabsolute">';
html +='</div>';
html +='<div class="l5_quickAddToCartBtns" style="top: 50%; left: 50%; margin-top: -52px; margin-left: -82.5px;">';
html +='<a class="l5_previewBtn" href="/Fables/Fairy---Butterfly---copy-id-325125.html">View Details</a>';
html +='<div class="clear"></div>';
html +='<a class="l5_quickAddToCartBtn" href="javascript:quickAddToCart(325125,5)">Add to Cart</a>';
html +='</div>';
html +='</section>';

//PRODUCT 2
html +='<section class=" span4 col forImage defaultrelative border-ccc fadeIn">';
html +='<a href="/Fables/Fairy---Butterfly-id-267265.html" title="Fairy &amp; Butterfly">';
html +='<img alt="Fairy &amp; Butterfly" src="http://cdn1.zepo.in/upload/product_photos/base/0/4/20/big1.267265.1.jpg">';
html +='</a>';
html +='<div class="whitebg defaultabsolute l5_featuredProdPricingTag">';
html +='<div class="l5_priceTagContainer">'; 
html +='<p class="txt15 m0 wd21 ellipsis" title="Fairy &amp; Butterfly">Fairy &amp; Butterfly</p>';
html +='<p class="foppishCustomColor txt18 m0">Rs.&nbsp;1089</p>';
html +='</div>';
html +='</div>';
html +='<div class="l5_quickAddToCart defaultabsolute">';
html +='</div>';
html +='<div class="l5_quickAddToCartBtns" style="top: 50%; left: 50%; margin-top: -52px; margin-left: -82.5px;">';
html +='<a class="l5_previewBtn" href="/Fables/Fairy---Butterfly-id-267265.html">View Details</a>';
html +='<div class="clear"></div>';
html +='<a class="l5_quickAddToCartBtn" href="javascript:quickAddToCart(267265,5)">Add to Cart</a>';
html +='</div>';
html +='</section>';

//PRODUCT 3
html +='<section class=" span4 col forImage defaultrelative border-ccc fadeIn">';
html +='<a href="/Educational/DNA-Molecules-6-pcs--id-267258.html" title="DNA Molecules(6 pcs)">';
html +='<img alt="DNA Molecules(6 pcs)" src="http://cdn1.zepo.in/upload/product_photos/base/0/4/19/big1.267258.1.jpg">';
html +='</a>';
html +='<div class="whitebg defaultabsolute l5_featuredProdPricingTag">';
html +='<div class="l5_priceTagContainer">';
html +='<p class="txt15 m0 wd21 ellipsis" title="DNA Molecules(6 pcs)">DNA Molecules(6 pcs)</p>';
html +='<p class="foppishCustomColor txt18 m0">Rs.&nbsp;1000</p>';
html +='</div>';
html +='</div>';
html +='<div class="l5_quickAddToCart defaultabsolute"></div>';
html +='<div class="l5_quickAddToCartBtns" style="top: 50%; left: 50%; margin-top: -52px; margin-left: -82.5px;">';
html +='<a class="l5_previewBtn" href="/Educational/DNA-Molecules-6-pcs--id-267258.html">View Details</a>';
html +='<div class="clear"></div>';
html +='<a class="l5_quickAddToCartBtn" href="javascript:quickAddToCart(267258,5)">Add to Cart</a>';
html +='</div>';
html +='</section>';

html +='<div class="clear"></div>';
html +='</div>';
html +='</div>';
//ROW 2 ENDS
if(window.location.pathname == "/")
jQuery('#allProducts').after(html);
</script>