unserver-unify/src/app/directive/producttablelist.directive.html

<div class="block-description" st-safe-src="src" st-table="displayedCollection" style="padding-bottom: 0 !important; background: #eaeaea;">
  <div class="container content-sm">
    <div class="col-lg-12">
      <div class="row margin-bottom-20">
        <div class=" col-md-3 col-sm-4 col-xs-12 text-center" ng-repeat="item in displayedCollection ">
          <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center">
                <a ui-sref="index.store.detail({id:item._id})">
                  <img class="img-responsive" ng-src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/product/{{item._id}}/{{item.photo}}"/>
                </a>
              </div>
            </div>
            <div class="list_rating" ng-if="ctrl.subDomain != 'poiz'">
              <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.store.detail({id:item._id})">
                  {{ item.name }}
                </a>
              </h3>
               <p class="price" ng-if="item.price" style="font-size:15px;">
                <span style="font-size:15px;text-decoration:line-through;">
                $ {{ item.sellingprice||item.price }}</span>
                <span class="strike" ng-if="item.sellingprice">
                 Sale Price :
                  <span style="color:red;font-size:15px;font-weight:bold">
                    $ {{ item.price }}
                  </span>
                </span>
              </p>  
           <!--     <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle">
                <li class="padding-left-0">
                  <span style="font-size:12px;color:white">
                    Price :
                  </span>
                  <span style="font-size:15px;text-decoration:line-through;color:white">
                    ${{item.price || 0}}
                  </span>
                </li>
                <li class="pull-right">
                  <span style="font-size:12px;color:white">
                    Sale Price :
                  </span>
                  <span style="font-size:15px;font-weight:bold;color:white">
                    ${{item.sellingprice || 0}}
                  </span>
                </li>
              </ul> --> 
              <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">
        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="item in displayedCollection">
          <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing" style="cursor:pointer" ui-sref="#">
            <div class="thumbnail-img">
              <div class="overflow-hidden">
                <a>
                  <img class="img-responsive" ng-src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/product/{{item._id}}/{{item.photo}}" style="height:300px"/>
                </a>
              </div>
            </div>
            <div class="caption overflow-hidden clst">
              <h3>
                <a class="hover-effect">
                  {{item.name}}
                </a>
              </h3>
              <p ng-if="item.description">
                {{item.description}}
              </p>
            </div>
            <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle">
              <li class="padding-left-0">
                <span style="font-size:12px;color:white">
                  Price :
                </span>
                <span style="font-size:15px;text-decoration:line-through;color:white">
                  ${{item.price || 0}}
                </span>
              </li>
              <li class="pull-right">
                <span style="font-size:12px;color:white">
                  Sale Price :
                </span>
                <span style="font-size:15px;font-weight:bold;color:white">
                  ${{item.sellingprice || 0}}
                </span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div> -->
      <div class="pull-right">
        <td class="text-center" colspan="5">
          <div st-displayed-pages="" st-items-by-page="9" st-pagination="">
          </div>
        </td>
      </div>
    </div>
  </div>
</div>