[block=List.Begin]

<!-- ============================================================= HEADER : END ============================================================= --><div class="animate-dropdown"><!-- ========================================= BREADCRUMB ========================================= -->

   <section id="category-grid">
    <div class="container">
        
        <!-- ========================================= SIDEBAR ========================================= -->
        <div class="col-xs-12 col-sm-3 no-margin sidebar narrow">

            <!-- ========================================= PRODUCT FILTER ========================================= -->

<!-- ========================================= PRODUCT FILTER : END ========================================= -->


%Plugins.SideBar%

%Plugins.melbaCMSSideBarDinamic.SideBarHTML%


            <!-- ========================================= FEATURED PRODUCTS ========================================= -->

<!-- ========================================= FEATURED PRODUCTS : END ========================================= -->
        </div>
[/block]		
[block=List.Top]
        <div class="col-xs-12 col-sm-9 no-margin wide sidebar">
<div id="top-mega-nav">
    <div class="container" style="max-width:900px;background-color:#F9F9F9;">
            <ul>
                <li class="breadcrumb-nav-holder"> 
                    <ul>
                        <li class="dropdown breadcrumb-item current">
                            <a href="%CategoryAccess%/" class="dropdown-toggle" data-toggle="dropdown">%Category% </a>
                            <ul class="dropdown-menu">
                                <li>
									%sub%
                                </li>
                            </ul>
                        </li><!-- /.breadcrumb-item -->

                 

                    </ul>
                </li><!-- /.breadcrumb-nav-holder -->
            </ul>
    </div><!-- /.container -->
</div><!-- /#top-mega-nav -->

            <section id="gaming">
    <div class="grid-list-products">
        <h2 class="section-title">%Category%</h2>
        
        <div class="control-bar">
            <div id="item-count" class="le-select">
				<form action="%AddrCat%" method="POST" id="setPerPageResults">
					<select name="PerPage">
						<option value="12">Resultados por página</option>
						<option value="12">12 por página</option>
						<option value="24">24 por página</option>
					</select>
				</form>
            </div>

            <div class="grid-list-buttons">
                <ul>
                    <li class="grid-list-button-item active"><a data-toggle="tab" href="#grid-view"><i class="fa fa-th-large"></i> Red</a></li>
                </ul>
            </div>
        </div><!-- /.control-bar -->
                                
        <div class="tab-content">
		
		
		<!-- Varía -->
		 <div id="grid-view" class="products-grid fade tab-pane in active">
		                 <div class="product-grid-holder">
                    <div class="row no-margin">
                        
[/block]		
[block=List.TopHelp]

[/block]		
[block=List.Top.BlockGrid]

[/block]
[block=List.Item]

                        <div class="col-xs-12 col-sm-4 no-margin product-item-holder hover">
                            <div class="product-item">
                                <div class="image">
                                    <img alt="" src="Modules/melbastudioCommerce/Main/Src/Catalog/Items/%ItemImageAccess%" data-echo="Modules/melbastudioCommerce/Main/Src/Catalog/Items/%ItemImageAccess%" />
                                </div>
                                <div class="body">
                                    <div class="title">
                                       <a href="%CategoryParentAccess%/%CategoryAccess%/%ItemAccess%.php">%ItemName%</a>
                                    </div>
                                    <div class="brand">Clave: %ItemKey%</div>
                                </div>
                                <div class="prices">
                                    <div class="price-prev">USD $%ItemPriceUSD%</div>
                                    <div class="price-current pull-right">MXP $%ItemPrice%</div>
                                </div>
                                <div class="hover-area cartButtonList" rel="%ItemAvaiableInStore%">
                                    <div class="add-cart-button">
                                        <a href="javascript: addProductToCart(%ItemID%);" class="le-button">Agregar al carrito</a>
                                    </div>
                                </div>
                            </div><!-- /.product-item -->
							
                   </div><!-- /.product-item-holder -->
							
							
			
	
[/block]		
[block=List.Bottom]     

                    </div><!-- /.row -->
                </div><!-- /.product-grid-holder -->
                <div class="pagination-holder">
                    <div class="row">
                        
                        <div class="col-xs-12 col-sm-6 text-left">
                            <ul class="pagination ">
								%Pages%
                            </ul>
                        </div>

                        <div class="col-xs-12 col-sm-6">
                            <div class="result-counter">
                                Resultados  <span>%From%-%To%</span> de <span>%Total%</span> 
                            </div>
                        </div>

                    </div><!-- /.row -->
                </div><!-- /.pagination-holder -->
			</div><!-- /.products-grid #grid-view -->
[/block]		
[block=List.End]
                  


			
			<!-- /Varía -->
        </div><!-- /.tab-content -->
    </div><!-- /.grid-list-products -->

</section><!-- /#gaming -->            
        </div><!-- /.col -->
        <!-- ========================================= CONTENT : END ========================================= -->    
    </div><!-- /.container -->
</section><!-- /#category-grid -->
[/block]


		<li>
				<div class="Thumb %ItemNewClass%" style="background-image:url('Modules/melbastudioCommerce/Main/Src/Catalog/Items/%ItemImageAccess%');">
					<a href="%CategoryParentAccess%/%CategoryAccess%/%ItemAccess%.php">
						&nbsp;
					</a>
				</div>
				<h5><a href="%CategoryParentAccess%/%CategoryAccess%/%ItemAccess%.php">%ItemName%</a></h5>
				<p>
					Clave: <b>%ItemKey%</b><br />
					Precio M&eacute;xico: <b>$%ItemPrice%</b><br />
					Precio Extranjero: <b>$%ItemPriceUSD% D&oacute;lares</b>
				</p>
			</li>
			
			

[block=List.Top.BlockList]
      <div id="list-view" class="products-grid fade tab-pane ">
                <div class="products-list">
[/block]
[block=List.Item.BlockList]

                    <div class="product-item product-item-holder">
                        <div class="ribbon red"><span>sale</span></div> 
                        <div class="ribbon blue"><span>new!</span></div>
                        <div class="row">
                            <div class="no-margin col-xs-12 col-sm-4 image-holder">
                                <div class="image">
                                    <img alt="" src="assets/images/blank.gif" data-echo="assets/images/products/product-01.jpg" />
                                </div>
                            </div><!-- /.image-holder -->
                            <div class="no-margin col-xs-12 col-sm-5 body-holder">
                                <div class="body">
                                    <div class="label-discount green">-50% sale</div>
                                    <div class="title">
                                        <a href="single-product.html">VAIO Fit Laptop - Windows 8 SVF14322CXW</a>
                                    </div>
                                    <div class="brand">sony</div>
                                    <div class="excerpt">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis euismod erat sit amet porta. Etiam venenatis ac diam ac tristique. Morbi accumsan consectetur odio ut tincidunt.</p>
                                    </div>
                                    <div class="addto-compare">
                                        <a class="btn-add-to-compare" href="#">add to compare list</a>
                                    </div>
                                </div>
                            </div><!-- /.body-holder -->
                            <div class="no-margin col-xs-12 col-sm-3 price-area">
                                <div class="right-clmn">
                                    <div class="price-current">$1199.00</div>
                                    <div class="price-prev">$1399.00</div>
                                    <div class="availability"><label>availability:</label><span class="available">  in stock</span></div>
                                    <a class="le-button" href="#">add to cart</a>
                                    <a class="btn-add-to-wishlist" href="#">add to wishlist</a>
                                </div>
                            </div><!-- /.price-area -->
                        </div><!-- /.row -->
                    </div><!-- /.product-item -->
							
							
			
	
[/block]		
[block=List.Bottom.BlockList]     

                </div><!-- /.products-list -->

                <div class="pagination-holder">
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 text-left">
                            <ul class="pagination ">
								%Pages%
                            </ul>
                        </div>

                        <div class="col-xs-12 col-sm-6">
                            <div class="result-counter">
                                Resultados  <span>%From%-%To%</span> de <span>%Total%</span> 
                            </div>
                        </div>
                    </div><!-- /.row -->
                </div><!-- /.pagination-holder -->

            </div><!-- /.products-grid #list-view -->
[/block]