  <header id="header">
    <div id="header-bar-1" class="header-bar">
      <div class="header-bar-wrap">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="hb-content">
                <div class="position-right" id="loginstatus">
				  {openzc:ajax filename="loginstatus" autoload="true" autodiv="#loginstatus"}
                  <ul class="list-info list-meta">
					{openzc:if $loginStatus}
					<li><a href="{openzc:link name='FILENAME_ACCOUNT'/}"><i class="fa fa-user"></i> My Account</a></li>
					{else}
                    <li><a href="{openzc:link name='FILENAME_CREATE_ACCOUNT'/}"><i class="fa fa-sign-in-alt"></i> Register</a></li>
                    <li><a href="{openzc:link name='FILENAME_LOGIN'/}"><i class="fa fa-user"></i> Login</a></li>
					{/openzc:if}
                  </ul>
				  {/openzc:ajax}
                  <!-- .list-meta end -->
                  <ul class="list-info list-contact-info">
                    <li><i class="fa fa-phone"></i><strong>Contact Us : </strong> {openzc:define.STORE_TELEPHONE_CUSTSERVICE/}</li>
                  </ul>
                  <!-- .list-contact-info end --> 
                </div>
                <!-- .position-right end -->
                <div class="position-left">
                  <ul class="list-info list-meta">
                    <li><a href="javascript:;"><i class="fa fa-question-circle"></i> Help</a></li>
                  </ul>
                  <!-- .list-meta end -->
                  <ul class="list-info list-language">
                    <li class="dropdown-languages">
						{openzc:topbar item="language" status="active"}
					  	<i class="fa fa-globe-americas"></i>[field:title/]
						{/openzc:topbar}
                      <ul class="select-language">
						{openzc:topbar item="language"}
                        <li><a href="[field:link/]">[field:title/]</a></li>
						{/openzc:topbar}
                      </ul>
                      <!-- .select-language end --> 
                    </li>
                  </ul>
                  <!-- .list-language end --> 
                </div>
                <!-- .position-left end --> 
              </div>
              <!-- .hb-content end --> 
              
            </div>
            <!-- .col-md-12 end --> 
          </div>
          <!-- .row end --> 
        </div>
        <!-- .container end --> 
        
      </div>
      <!-- .header-bar-wrap --> 
      
    </div>
    <!-- #header-bar-1 end -->
    
    <div id="header-bar-2" class="header-bar">
      <div class="header-bar-wrap">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="hb-content"> <a class="logo logo-header" href="{openzc:link name='FILENAME_INDEX'/}"> <img src="/assets/images/files/logo-header-en.png" data-logo-alt="/assets/images/files/logo-header-en-alt.png" alt="">
                <h3><span class="colored">E-Commerce Store</span></h3>
                <span>HTML Template</span> </a><!-- .logo end -->
                <ul id="menu-main" class="menu-main">
				  <li><a href="/"><span data-content="Home">Home</span></a></li>
				  {openzc:ezpages id="1,2,3"}
                  <li><a href="[field:pages_link/]"><span data-content="[field:pages_title/]">[field:pages_title/]</span></a></li>
                  {/openzc:ezpages}
				  <li><a href="{openzc:link name='FILENAME_CONTACT_US'/}"><span data-content="Contact us">Contact us</span></a></li>
                </ul>
                <!-- #menu-main end -->
                <div class="cart-mini">
				{openzc:ajax filename="cartview-mini" autoload="true" autodiv=".cart-mini"}
				<a href="javascript:;" class="btn-cart hidden-xs"> <i class="fa fa-cart-arrow-down"></i><span class="cart-count">{openzc:var name='$cartCount'/}</span> </a>
                  <div class="cart-box-wrapper">
                    <div class="cart-box">
					  {openzc:if $cartCount>0}
                      <div class="count-total"> <span>{openzc:var name='$cartCount'/} Products</span> <a class="btn small grey hover-colorful" href="javascript:;">Shop Cart</a> </div>
                      <!-- .count-total end -->
                      <ul class="cart-dd-list">
						{openzc:cart}
                        <li>
                          <div class="item-img"> <a class="img-bg" href="javascript:;"><img src="[field:products_image/]" alt=""></a> <span class="close openzc-btn" data-action="delCart" data-id="[field:id/]" data-reload-group="cartlist"><i class="fa fa-close"></i></span> </div>
                          <!-- .item-img end -->

                          <div class="item-content">
                            <h6 class="title"> <a href="javascript:;">[field:products_name/]</a> <span class="quantity">x[field:products_qty/]</span> </h6>
                            <span class="price">[field:products_price/]</span> </div>
                          <!-- .item-content end --> 
                        </li>
						{/openzc:cart}
                        
                      </ul>
                      <!-- .cart-dd-list end -->
                      <div class="sub-total"> <span class="title">Total</span> <span class="value">{openzc:var name="$cartTotal"/}</span> </div>
                      <!-- .sub-total end --> 
                      <a class="view-cart btn medium colorful hover-colorful-darken" href="{openzc:link name='FILENAME_SHOPPING_CART'/}">View Cart</a>
					{else}
						Shopping cart is empty!
					{/openzc:if}
				  </div>
                    <!-- .cart-box end --> 
                  </div>
                  <!-- .cart-box-wrapper end --> 
				{/openzc:ajax}
                </div>
                <!-- .cart-mini end --> 
              </div>
              <!-- .hb-content end --> 
              
            </div>
            <!-- .col-md-12 end --> 
          </div>
          <!-- .row end --> 
        </div>
        <!-- .container end --> 
        
      </div>
      <!-- .header-bar-wrap --> 
      
    </div>
    <!-- #header-bar-2 end -->
    
    <div id="header-bar-3" class="header-bar sticky">
      <div class="header-bar-wrap">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="hb-content">
                <div class="list-full-categories"> <a href="javascript:;" class="btn-dropdown-categories">
                  <div class="hamburger hamburger--slider"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </div>
                  <!-- .hamburger-slider end --> 
                  All Categories <i class="fa fa-chevron-down"></i> </a><!-- .btn-dropdown-categories end -->
                  <ul id="menu-categories" class="menu-categories">
					{openzc:catelist type="top"}
                    <li> 
					  {openzc:if $field['has_sub_cat']}
					  <a href="javascript:;">[field:categories_name/]</a>
                      <ul class="sub-menu">
						{openzc:loopson}
                        <li> 
						  {openzc:if $field['has_sub_cat']}
						  <a href="javascript:;">[field:categories_name/]</a>
                          <ul class="sub-menu">
							{openzc:loopson}
                            <li><a href="[field:categories_link/]">[field:categories_name/]</a></li>
							{/openzc:loopson}
                          </ul>
						  {else}
						  <a href="[field:categories_link/]">[field:categories_name/]</a>
						  {/openzc:if}
                          <!-- .sub-menu end --> 
                        </li>
						{/openzc:loopson}
                        
                      </ul>
					  {else}
					  <a href="[field:categories_link/]">[field:categories_name/]</a>
					  {/openzc:if}
                      <!-- .sub-menu end --> 
                    </li>
					{/openzc:catelist}
                    
                  </ul>
                  <!-- #menu-categories end --> 
                </div>
                <!-- .list-full-categories end -->
                <div class="search-products">
                  <form id="form-search-products" class="form-inline" action="{openzc:link name='FILENAME_ADVANCED_SEARCH_RESULT'/}" method="get">
                    <div class="form-group">
                      <div class="list-select-category">
						<i class="fa fa-sort"></i> <a href="javascript:;" class="btn-select-category">All Categories</a>
						
                        <ul class="menu-select-category">
						  <li><a href="javascript:;" data-value="0">All Categories</a></li>
						  {openzc:catelist type="top" row="10"}
                          <li><a href="javascript:;" data-value="[field:categories_id/]">[field:categories_name/]</a></li>
					      {/openzc:catelist}
                        </ul>
                        <!-- .menu-select-category end --> 
                      </div>
                      <!-- .list-select-category end --> 
                    </div>
                    <!-- .form-group end -->
                    <div class="form-group">
						<input type="hidden" name="main_page" value="advanced_search_result"/>
						<input type="hidden" class="search_cpath" name="cPath" value=""/>
                      <input type="text" name="keyword" value="{openzc:if isset($_GET['keyword'])}{openzc:var name='$_GET[keyword]'/}{/openzc:if}" class="form-control" placeholder="Search for Products" data-alt-placeholder="Search for ...">
                    </div>
                    <!-- .form-group end -->
                    <div class="form-group">
					  
					  
                      <button type="submit" class="form-control"><i class="fa fa-search"></i></button>
                    </div>
                    <!-- .form-group end -->
                  </form>
                  <!-- #form-search-products end --> 
                </div>
                <!-- .search-products end -->
                <ul class="icons-meta">
                  <li><a href="{openzc:link name='FILENAME_COMPARE'/}"><span class="cart-count">{openzc:var name="$compareCount" ajax="compareCount" autoload="true"/}</span><i class="fa fa-exchange-alt"></i></a></li>
                  <li><a href="{openzc:link name='FILENAME_ACCOUNT_WISHLIST'/}"><span class="cart-count">{openzc:var name="$wishlistCount" ajax="wishlistCount" autoload="true"/}</span><i class="fa fa-heart"></i></a></li>
                  <li class="hidden-lg hidden-md hidden-sm"> <a class="mobile-btn-cart" href="javascript:;">
					
					<span class="cart-count cartcount4">{openzc:var name="$cartCount" ajax="cartCount4" autoload="true" autodiv=".cartcount4"/}</span><i class="fa fa-cart-arrow-down"></i></a>
                    <div class="cart-box cartview">
					{openzc:ajax filename="cartview" autoload="true" autodiv=".cartview"}
					  {openzc:if $cartCount>0}
                      <div class="count-total"> <span>{openzc:var name="$cartCount"/} Products</span> <a class="btn small grey hover-colorful" href="javascript:;">Shop Cart</a> </div>
                      <!-- .count-total end -->
                      <ul class="cart-dd-list">
						{openzc:cart imgsizer="65,61"}
                        <li>
                          <div class="item-img"> <a class="img-bg" href="[field:products_link/]"><img src="[field:products_image/]" alt=""></a> <span class="close openzc-btn" data-action="delCart" data-id="[field:id/]" data-reload-group="cartlist"><i class="fa fa-close"></i></span> </div>
                          <!-- .item-img end -->
                          <div class="item-content">
                            <h6 class="title"> <a href="javascript:;">[field:products_name/]</a> <span class="quantity">x[field:products_qty/]</span> </h6>
                            <span class="price">[field:products_price/]</span> </div>
                          <!-- .item-content end --> 
                        </li>
						{/openzc:cart}
                      </ul>
                      <!-- .cart-dd-list end -->
                      <div class="sub-total"> <span class="title">Total</span> <span class="value">{openzc:var name="$cartTotal"/}</span> </div>
                      <!-- .sub-total end --> 
                      <a class="view-cart btn medium colorful hover-colorful-darken" href="javascript:;">View Cart</a>
						{else}
					  Shopping cart is empty！
					{/openzc:if}
					{/openzc:ajax}
					</div>
                    <!-- .cart-box end -->
					
                  </li>
                </ul>
                <!-- .icons-meta end --> 
              </div>
              <!-- .hb-content end --> 
              
            </div>
            <!-- .col-md-12 end --> 
          </div>
          <!-- .row end --> 
        </div>
        <!-- .container end --> 
        
      </div>
      <!-- .header-bar-wrap --> 
      
    </div>
    <!-- #header-bar-3 end --> 
    
  </header>