unserver-unify
Version:
171 lines (170 loc) • 6.05 kB
HTML
<div ng-controller="MarketListDetailCtrl as ctrl">
<div class="block-description white-bg shop-product" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style="padding-bottom: 0 !important;">
<div class="container">
<div class="row">
<div class="col-md-6 md-margin-bottom-50" style="padding-top: 15px;">
<div class="imageWrapper" style="width: 100%">
<img ng-src="{{targetImg? ctrl.productpath+ctrl.id +'/'+ targetImg : ctrl.defaultPhoto}}"/>
</div>
<div class="margin-bottom-10">
</div>
<div>
<div class="product_thumbnail" ng-repeat="item in productPhotos | limitTo:5">
<div class="imageWrapper">
<img ng-mouseover="ctrl.clickImage(item)" ng-src="{{ctrl.productpath}}{{ctrl.id}}/{{item}}"/>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="shop-product-heading">
<h2>
{{item.name}}
</h2>
<!-- <ul class="list-inline shop-product-social">
<li>
<a href="javascript:void(0);">
<i class="fa fa-facebook">
</i>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="fa fa-twitter">
</i>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="fa fa-google-plus">
</i>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="fa fa-pinterest">
</i>
</a>
</li>
</ul> -->
</div>
<!--/end shop product social-->
<ul class="list-inline product-ratings margin-bottom-30">
<li>
<i class="rating-selected fa fa-star">
</i>
</li>
<li>
<i class="rating-selected fa fa-star">
</i>
</li>
<li>
<i class="rating-selected fa fa-star">
</i>
</li>
<li>
<i class="rating fa fa-star">
</i>
</li>
<li>
<i class="rating fa fa-star">
</i>
</li>
<!-- <li class="product-review-list">
<span>
(1)
<a href="javascript:void(0);" translate="">
Review
</a>
|
<a href="javascript:void(0);" translate="">
Add Review
</a>
</span>
</li> -->
</ul>
<!--/end shop product ratings-->
<p>
{{item.description}}
</p>
<br>
<ul class="list-inline shop-product-prices margin-bottom-30" ng-if="loginService.school.paymentFlag">
<li class="shop-red">
{{ctrl.currency}}{{item.sellingprice || 0}}
</li>
<li class="line-through">
{{ctrl.currency}}{{item.price || 0}}
</li>
<li>
<small class="shop-bg-red time-day-left">
4 days left
</small>
</li>
</ul>
<!--/end shop product prices-->
<h3 class="shop-product-title" ng-if="loginService.school.paymentFlag" translate="">
Quantity
</h3>
<div class="margin-bottom-40" ng-if="loginService.school.paymentFlag">
<form class="product-quantity sm-margin-bottom-20" name="f1">
<button class="quantity-button" name="subtract" ng-click="ctrl.minus()" type="button">
-
</button>
<input class="quantity-field" name="qty" ng-model="ctrl.quantity" type="text">
<button class="quantity-button" name="add" ng-click="ctrl.plus()" type="button" value="+">
+
</button>
</input>
</form>
<button class="btn-u btn-u-sea-shop btn-u-lg" type="button" translate="">
Add to Cart
</button>
</div>
<!--/end product quantity-->
<ul class="list-inline add-to-wishlist add-to-wishlist-brd" ng-if="loginService.school.paymentFlag">
<li class="wishlist-in">
<i class="fa fa-heart">
</i>
<a href="#" translate="">
Add to Wishlist
</a>
</li>
<li class="compare-in">
<i class="fa fa-exchange">
</i>
<a href="#" translate="">
Add to Compare
</a>
</li>
</ul>
<p class="wishlist-category">
<strong>
{{'Categories' | translate}}:
</strong>
<a>
{{item.type}}
</a>
</p>
</br>
</div>
</div>
</div>
<div class="margin-bottom-40">
</div>
<div class="container" ng-if="item.detail">
<div class="col-md-12">
<p ng-bind-html="item.detail"></p>
</div>
</div>
<div class="margin-bottom-40">
</div>
<div class="container">
<div class="col-md-10 col-md-offset-1 text-center" ng-repeat="item in releatePhotos">
<img ng-src="{{ctrl.productpath}}{{ctrl.id}}/{{item}}" style="width: 100%"/>
<div class="margin-bottom-30">
</div>
</div>
</div>
</div>
</div>
<!--=== End Comments ===-->