<!--{include file="<!--{$tplpath}-->block_header.tpl"}-->
<!-------------------------------------- 头部结束 -------------------------------------->
<!-------------------------------------- 主体开始 -------------------------------------->

<img src="<!--{$header_img.uploadfiles}-->" class="img-responsive" id="top_banner">


	<div class="page bg-pagebg1">
		<div class="container">
			<div class="page-content row shop-cart">
				<!--购物车商品列表-->
				<div class="goods">
					<div class="panel cart-body">
						<div class="panel-body">
							<div>
							<!--优惠券开始-->
								<div class="shoppro-discount row">
		    						<label class="col-sm-2">优惠</label>
								    <div class="shoppro-discount-body col-sm-10">
								        <div class="shoppro-discount-list inline-block" data-state="1">
								        	<a href="javascript:;" class="btn btn-warning btn-outline btn-xs">
								        		<span class="inline-block pull-xs-left text-truncate">选购满500减50元</span>
								        		 &nbsp;待领取
								        	</a>
								        </div>
								        <a href="" target="_blank" class="btn btn-default btn-outline btn-xs">查看更多优惠券</a>
								    </div>
								</div>
								<!--优惠券结束-->
								<!--购物车部分开始-->
								<div class="cart-list animation-fade" data-scale="400x400">
									<div class="table-responsive">
										<table class="table table-hover table-striped" id="cartTable">
											<thead>
												<tr>
													<th class="text-xs-center w-100">
														<div class="checkbox-danger">
															<input type="checkbox" class="selectable-all check" >
															<label></label>
														</div>
													</th>
													<th class="w-300">商品</th>
													<th class="text-xs-center">单价</th>
													<th class="text-xs-center w-150">数量</th>
													<th class="text-xs-center">小计</th>
													<th class="text-xs-center w-100">操作</th>
												</tr>
											</thead>
											<!--商品列表部分开始-->
											<tbody>
 
												 <!--{foreach $data as $volist}--> 
												<tr class="text-xs-center">
													<td class="checkbox"><input class="check-one check" type="checkbox"/></td>
													<td class="text-xs-left">
														<div class="media">
															<div class="media-left">
																<a class="avatar text-middle" target="_blank" href=""><img class="img-responsive" src="images/1509351810.jpg" alt=""></a>
															</div>
															<div class="media-body">
																<h4 class="media-heading"><a target="_blank" href=""><span> <!--{$volist.id}--></span></a></h4>
																<p class="m-b-0">口味-香辣味 </p>
															</div>
														</div>
													</td>
													<td class="price">15.80</td>
													<td class="count">
														<div class="input-group bootstrap-touchspin input-group-sm">
															<span class="reduce"></span>
															<input class="count-input" type="text" value="1"/>
															<span class="add">+</span>
														</div>
														
													</td>
													<td class="red-600 subtotal">15.80</td>
													<td class="operation">
														<span class="delete">
															<i class="icon icon-trash" aria-hidden="true"></i>
														</span>
													</td>
												</tr>

												<!--{/foreach}-->
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="panel cart-total p-0 animation-fade">
						<div class="panel-body">
							<div class="row">
								<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 cart-all text-md-center">
									<div class=" checkbox-danger w-100 cartall">
										<label for="cartall" class="select-all">
										<input type="checkbox" class="check-all check" id="cartall">全选</label>
										<a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
									</div>
								</div>
								<div class="col-lg-7 col-md-6 col-sm-6 col-xs-6 text-xs-right" style="line-height:2;">
									<span class="hidden-sm-down">共 <span class="cart-goodnum" id="selectedTotal">0</span> 件商品， </span>
									合计 :
									<span class="total-val red-600">
										<span class="font-size-16">￥</span>
										<span id="priceTotal">0.00</span>元
									</span>
								</div>
								<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 text-xs-right">
									<a data-url="" class="btn btn-lg btn-squared btn-danger white p-x-30 cart-tocheck">去结算</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!--购物车中没有商品时提示-->
				<!-- <div class="panel p-y-50 text-xs-center cart-not">
					<div class="container">
						<div class="row">
							<div class="col-lg-4 text-lg-right iconbox">
								<i class="icon icon-shopping-cart blue-grey-300 animation-slide-top50" aria-hidden="true"></i>
							</div>
							<div class="col-lg-8 text-lg-left animation-fade txt">
								<p class='cart-not-title m-t-0 m-b-20 blue-grey-400'>购物车中还没有商品，赶紧选购吧！</p>
								<a href="allproduct.html" class="btn btn-lg btn-squared btn-outline btn-danger">马上去购物</a>
							</div>
						</div>
					</div>
				</div>
				<div class="m-t-50 text-xs-center moregoods">
					<h2 class='font-size-24 blue-grey-400 text-shadow-none'>购买该商品的用户还购买了</h2>
					<ul class="blocks-2 blocks-md-2 blocks-lg-4 blocks-xxl-4 m-0 m-t-30 imagesize masonry moregoods-list" data-scale='400x400'>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="香卤铁蛋（128g)" target='_blank'>
										<img class="cover-image" data-original="images/1509433744.jpg" alt="香卤铁蛋（128g)">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="香卤铁蛋（128g)" target='_blank'>香卤铁蛋（128g)</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥12.90元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="小土豆205g" target='_blank'>
										<img class="cover-image" data-original="images/1509433571.jpg" alt="小土豆205g">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="小土豆205g" target='_blank'>小土豆205g</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥9.90元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="小土豆205g" target='_blank'>
										<img class="cover-image" data-original="images/1509433571.jpg" alt="小土豆205g">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="小土豆205g" target='_blank'>小土豆205g</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥9.90元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="脆笋（188g）" target='_blank'>
										<img class="cover-image" data-original="images/1509432607.jpg" alt="脆笋（188g）">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="脆笋（188g）" target='_blank'>脆笋（188g）</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥9.90元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="海带结 218g" target='_blank'>
										<img class="cover-image" data-original="images/1509433517.jpg" alt="海带结 218g">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="海带结 218g" target='_blank'>海带结 218g</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥10.90元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="培根豆腐香辣豆腐干 夹肉片下酒菜独立包装" target='_blank'>
										<img class="cover-image" data-original="images/1509431849.jpg" alt="培根豆腐香辣豆腐干 夹肉片下酒菜独立包装">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="培根豆腐香辣豆腐干 夹肉片下酒菜独立包装" target='_blank'>培根豆腐香辣豆腐干 夹肉片下酒菜独立包装</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥1.20元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="炎亭渔夫小吃20g" target='_blank'>
										<img class="cover-image" data-original="images/1509432232.jpg" alt="炎亭渔夫小吃20g">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="炎亭渔夫小吃20g" target='_blank'>炎亭渔夫小吃20g</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥1.25元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="鸡蛋干酱香味158g" target='_blank'>
										<img class="cover-image" data-original="images/1509432639.jpg" alt="鸡蛋干酱香味158g">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="鸡蛋干酱香味158g" target='_blank'>鸡蛋干酱香味158g</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥9.90元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="酸奶布丁椰果果肉果冻 88g休闲儿童果冻" target='_blank'>
										<img class="cover-image" data-original="images/1509430602.jpg" alt="酸奶布丁椰果果肉果冻 88g休闲儿童果冻">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="酸奶布丁椰果果肉果冻 88g休闲儿童果冻" target='_blank'>酸奶布丁椰果果肉果冻 88g休闲儿童果冻</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥2.60元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="椰果布丁720g" target='_blank'>
										<img class="cover-image" data-original="images/1509431223.jpg" alt="椰果布丁720g">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="椰果布丁720g" target='_blank'>椰果布丁720g</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥13.90元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="创意糖果恶搞情趣TT软糖 愚人节整蛊软糖" target='_blank'>
										<img class="cover-image" data-original="images/1509430039.jpg" alt="创意糖果恶搞情趣TT软糖 愚人节整蛊软糖">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="创意糖果恶搞情趣TT软糖 愚人节整蛊软糖" target='_blank'>创意糖果恶搞情趣TT软糖 愚人节整蛊软糖</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥8.80元</p>
								</h4>
							</div>
						</li>
						<li class='masonry-child'>
							<div class="card card-shadow radius0">
								<figure class="card-header cover radius0">
									<a href="" title="橡皮糖（双层什果）70g" target='_blank'>
										<img class="cover-image" data-original="images/1509430080.jpg" alt="橡皮糖（双层什果）70g">
									</a>
								</figure>
								<h4 class="card-title m-0 text-shadow-none font-size-16 font-weight-300">
									<a href="" title="橡皮糖（双层什果）70g" target='_blank'>橡皮糖（双层什果）70g</a>
									<p class="red-600 m-b-0 m-t-5 font-size-14">￥5.90元</p>
								</h4>
							</div>
						</li>
					</ul>
				</div> -->
			</div>
		</div>
	</div>
	<script>
var jsonurl="cart.php?lang=cn&a=dojson_cart_list",
    totalurl="cart.php?lang=cn&a=domodify",
    delurl="cart.php?lang=cn&a=dodel",
    price_prefix="￥",
    price_suffix="元";
</script>
<script src="js/basic.js"></script>
<script src="js/shop_showproduct_cn.js"></script>
<script src="js/cart.js"></script>
<script src="js/lang_json_cn.js"></script>
<script src="js/own.js"></script>
<script src="js/shop_showproduct_cn.js"></script>
<script>
var metpagejs="js/index_cn.js";
if(typeof jQuery != "undefined"){
    metPageJs(metpagejs);
}else{
    var metPageInterval=setInterval(function(){
        if(typeof jQuery != "undefined"){
            metPageJs(metpagejs);
            clearInterval(metPageInterval);
        }
    },50)
}
</script>
<!--{include file="<!--{$tplpath}-->botton.tpl"}-->