<div class="col-md-12">
  <h4 class="section-title">Offers Today</h4>
  <div class="slider-products-1">
    <ul class="owl-carousel">
	  {openzc:prolist flag="specials" row="10" imgsizer="182,170"}
      <li>
        <div class="slide">
          <div class="box-preview box-product"> <span class="badge-new">New</span> <span class="badge-sale">Sale</span>
            <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> <span class="old">[field:products_original_price/]</span> </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 --> 
        </div>
        <!-- .slide end --> 
      </li>
	  {/openzc:prolist}
    </ul>
  </div>
  <!-- .slider-products-1 end --> 
  
</div>
