unserver-unify/src/app/product/search.html

<div ng-controller="ProductSearchCtrl as ctrl">
  <div class="col-md-12">
    <div class="row margin-bottom-20">
      <div class="col-md-8">
        <span class="search_result">Found <span>{{searchCount}}</span> Products, Search Results for <span>{{searchName}}</span></span>
      </div>
      <div class="col-md-4 pull-right">
        <div class="forum" style="margin-top: 3px;">
          <div class="input-group">
            <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'search course' | translate }}" type="text"/>
            <span class="input-group-btn" ng-show="ctrl.q.length >
                  0">
              <button class="btn btn-primary" ng-click="ctrl.getItems(ctrl.q)" type="button">
                <i class="fa fa-search">
                </i>
              </button>
            </span>
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="row">
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" pagination-id="courses" dir-paginate="item in ctrl.items | itemsPerPage: 8" total-items="searchCount" current-page="this.page">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a ui-sref="index.product.detail({id: item._id})">
                <img class="img-responsive" ng-src="{{item.photo? ctrl.productpath+item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
              </a>
            </div>
          </div>
          <div class="list_rating">
            <span class="average dummy_avg" ng-if="!item.rating">
              <div class="average-rating-container">
                <ul class="rating background">
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                  <li class="star">
                    <i class="fa fa-star">
                    </i>
                  </li>
                </ul>
              </div>
              <span class="ng-binding">
                4/5
              </span>
            </span>
            <span class="list_reviews">
              (2 {{ 'reviews' | translate }})
            </span>
          </div>
          <div class="clearfix">
          </div>
          <div class="caption overflow-hidden clst" style="height:94px;">
            <h3>
              <a ui-sref="index.product.detail({id: item._id})">
                {{ item.name }}
              </a>
            </h3>
            <p class="price" ng-if="item.price">
              {{ctrl.currency}} {{ item.sellingprice||item.price }}
              <span class="strike" ng-if="item.sellingprice">
                <span>
                  {{ctrl.currency}} {{ item.price }}
                </span>
                {{item.deals|number:0}} {{ '%off' | translate}}
              </span>
            </p>
            <p class="price" ng-if="!item.price" translate>
              Free
            </p>
            <p>
              {{ item.description }}
            </p>
          </div>
          <div class="clearfix">
          </div>
        </div>
      </div>
    </div>
    <div class="row" ng-show="searchCount >8">
      <div class="col-md-12 forum">
        <div class="text-right pagination_aln">
          <dir-pagination-controls pagination-id="courses" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="ctrl.pageChanged(newPageNumber)" class="with-others">
          </dir-pagination-controls>
        </div>
      </div>
    </div>
  </div>
</div>