
  
    <div class="products-top-bar">
      <ul class="layout-style lp-layout-tabs">
        <li class="active"><a href="javascript:;"><i class="fa fa-th"></i></a></li>
        <li><a href="javascript:;"><i class="fa fa-list"></i></a></li>
      </ul>
	
      <!-- .layout-style end -->
      <div class="sort-by"> <span>Sort by</span>
        <select name="list-sort-by" class="list-sort-by openzc-select" data-action="autoLink" data-reload="productsList">
          {openzc:listbar item="orderby" flag="sell,price,view,name"}
          <option value="[field:orderby_link/]" {openzc:if $field['status']=='active'}selected=""{/openzc:if}>[field:orderby_name/]</option>
          {/openzc:listbar}            
        </select>
        <i class="fa fa-sort"></i> </div>
      <!-- .sort-by end --> 
    </div>
    <!-- .products-top-bar end -->
    <div class="block-content"> 
      <!--<h5 class="block-title">Products you searched for</h5>-->
      <div class="row">
        <div class="col-md-12">
		  {openzc:if $listCount>0}
          <ul class="lp-layout-tabs-content">
            <li class="active">
              <ul class="list-products row-items-3">
                {openzc:list pagesize="12" imgsizer="229,214"}
                <li>
                  <div class="box-preview box-product box-product-3">
                    <div class="box-img"> <a href="[field:products_link/]"><img src="[field:products_image/]" alt=""></a>
                      <div class="overlay">
                        <div class="overlay-inner">
                          <ul class="product-icons-meta">
                            <li><a href="javascript:;" class="openzc-btn" data-action="addCompare" data-id="[field:products_id/]"><i class="fa fa-exchange-alt"></i></a></li>
                            <li><a href="javascript:;" class="openzc-btn" data-action="addWishlist" data-id="[field:products_id/]"><i class="fa fa-heart"></i></a></li>
                          </ul>
                          <!-- .product-icons-meta end --> 
                        </div>
                        <!-- .overlay-inner end --> 
                      </div>
                      <!-- .overlay end --> 
                    </div>
                    <!-- .box-img end -->
                    <div class="box-content">
                      <h5><a href="[field:products_link/]">[field:products_name/]</a></h5>
                      <h4 class="product-price"> <span class="new">[field:products_price/]</span> {openzc:if $field['products_price_discount']} <span class="old">[field:products_original_price/]</span> {/openzc:if} </h4>
                      <!-- .product-price end -->
                      <div class="rating">{openzc:rating star='<i class="fa fa-star"></i>' empty='<i class="fa fa-star-o"></i>'/}</div>
                      <!-- .rating end --> 
                      <a class="btn btn-add-to-cart medium rounded with-icon colorful hover-dark mt-30" href="[field:products_link/]"> <i class="fa fa-shopping-cart"></i> Add to Cart </a> </div>
                    <!-- .box-content end --> 
                  </div>
                  <!-- .box-preview end --> 
                </li>
                {/openzc:list}
              </ul>
              <!-- .list-products end --> 
            </li>
            <li>
              <ul class="list-products row-items-1">
                {openzc:list pagesize="12" imgsizer="172,160" desclen="300"}
                <li>
                  <div class="box-preview box-product box-product-3 layout-2">
                    <div class="box-img"> <a href="[field:products_link/]"> <img src="[field:products_image/]" alt=""></a>
                      <div class="overlay">
                        <div class="overlay-inner">
                          <ul class="product-icons-meta">
                            <li><a href="javascript:;" class="openzc-btn" data-action="addCompare" data-id="[field:products_id/]"><i class="fa fa-exchange-alt"></i></a> </li>
                            <li><a href="javascript:;" class="openzc-btn" data-action="addWishlist" data-id="[field:products_id/]"><i class="fa fa-heart"></i></a></li>
                          </ul>
                          <!-- .product-icons-meta end --> 
                        </div>
                        <!-- .overlay-inner end --> 
                      </div>
                      <!-- .overlay end --> 
                    </div>
                    <!-- .box-img end -->
                    <div class="box-content">
                      <h5><a href="[field:products_link/]">[field:products_name/]</a></h5>
                      <h4 class="product-price"> <span class="new">[field:products_price/]</span> {openzc:if $field['products_price_discount']} <span class="old">[field:products_original_price/]</span> {/openzc:if} </h4>
                      <!-- .product-price end -->
                      <p>[field:products_description_preview/] ... </p>
                      <div class="rating">{openzc:rating star='<i class="fa fa-star"></i>' empty='<i class="fa fa-star-o"></i>'/}</div>
                      <!-- .rating end --> 
                      <a class="btn btn-add-to-cart medium rounded with-icon colorful hover-dark mt-30" href="[field:products_link/]"> <i class="fa fa-shopping-cart"></i> Add to Cart </a> </div>
                    <!-- .box-content end --> 
                  </div>
                  <!-- .box-preview end --> 
                </li>
                {/openzc:list}
              </ul>
              <!-- .list-products end --> 
            </li>
          </ul>
          <!-- .lp-layout-tabs-content end -->
          <ul class="pagination">
            {openzc:pagelist listitem="first,prev,list,next,last" listsize="5"/}
          </ul>
          <!-- .pagination end -->
		  {else}
		  <p>Sorry, no product data was found!</p>
          {/openzc:if}
        </div>
        <!-- .col-md-12 end --> 
      </div>
      <!-- .row end --> 
    </div>
    <!-- .block-content end --> 

  
