<!--購(gòu)物車組件start-->
{eyou:sppurchase id='field' currentstyle='btn-danger'}
<!--價(jià)格標(biāo)簽-->
<div class="ey-price"><span>￥{$field.users_price}</span></div>

<!--商品參數(shù)-->
{eyou:volist name="$field.ReturnData" id='field2'}
<div class="row">
<label class="col-sm-7">{$field2.spec_name}</label>
<div class="col-sm-10">
{eyou:volist name="$field2.spec_value" id='field3'}
<a href="JavaScript:void(0);" {$field3.SpecData} class="btn {$field3.SpecClass}">{$field3.spec_value}</a>
{/eyou:volist}
</div>
</div>
{/eyou:volist}

<!--商品數(shù)量選擇-->
<div class="ey-number">
<label>數(shù)量</label>
<div class="btn-input">
<button class="layui-btn" {$field.ReduceQuantity}>-</button>
<input type="text" class="layui-input {$field.UpdateQuantity}>
<button class="layui-btn" {$field.IncreaseQuantity}>+</button>
</div>
</div>

<!--庫(kù)存數(shù)量,后臺(tái)可控制是否顯示-->
<span {$field.stock_show}>庫(kù)存量：{$field.stock_count} 件</span>

<!--購(gòu)買和加入購(gòu)物車按鈕-->
<div class="ey-buyaction">
<a class="ey-joinin" href="JavaScript:void(0);" {$field.ShopAddCart}>加入購(gòu)物車</a>
<a class="ey-joinbuy" href="JavaScript:void(0);" {$field.BuyNow}>立即購(gòu)買</a>
</div>

<!--別漏掉這個(gè)-->
{$field.hidden}

{/eyou:sppurchase}
<!--購(gòu)物車組件end-->

組件樣式修改路徑：public/static/common/css/shopcart.css，記得先備份。