cart.phtml 22.4 KB
{{> layout/header}}
<div class="order-ensure-page shop-cart yoho-page clearfix">
    <div class="order-edit order-cart" id="cart-page">
        <div class="order-title cart-page-title">
            <ul>
                <li class="first active">查看购物车</li>
                <li>填写订单</li>
                <li class="end">付款,完成购买</li>
            </ul>
        </div>
        {{# cartEnsure.loginUrl}}
            <div class="cartnew-tips">
                <div class="tipsbox" id="tipsbox">
                    <a href="javascript:void(0);" class="btn_close" title="关闭"></a>
                    <strong>温馨提示:</strong>亲爱的顾客,您还没有 <a href="{{cartEnsure.loginUrl}}" class="a_eu">登录</a> 哦,所有商品价格、活动信息以登录后显示为准.
                </div>
            </div> 
        {{^}}
            <div class="cartnew-tips">
                <div class="tipsbox" id="tipsbox">
                    <a href="javascript:void(0);" class="btn_close" title="关闭"></a>
                    <strong>温馨提示:</strong>1. 选购单中的商品不保留库存,请及时结算。 2. 商品的价格、相关活动信息及库存以订单提交时为准。
                </div>
            </div>    
        {{/if}}
        <div class="order-pay">
            {{#if cartEnsure.isEmpty}}
                <div class="pay-wapper">
                    <table>
                        <thead>
                        <tr>
                            <th style="width:40%;">
                                商品信息
                            </th>
                            <th style="width:13%;">单价(元)</th>
                            <th style="width:7%;">返YOHO币</th>
                            <th style="width:10%;">数量</th>
                            <th style="width:10%;">小计(元)</th>
                            <th style="width:20%;">操作</th>
                        </tr>
                        </thead>
                        <tbody>            
                        <tr class="pre-sell-box">
                            <td colspan="6" class="cart-empty">
                            <a href="{{cartEnsure.guangUrl}}">选购商品</a>
                            <a href="{{cartEnsure.viewOrderUrl}}">查看订单</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="dev-revocation {{#unless cartEnsure.deleteShop}}none{{/unless}}">
                    <table>
                    {{# cartEnsure.deleteShop}}
                    <tr data-productnum="{{productNum}}" data-productsku="{{productSku}}">
                        <td style="width:40%; text-align: left;">成功删除<a class="title" href="{{link}}" target="_blank">{{productTitle}}</a></td>
                        <td style="width:10%;"><span class="productPrice">{{productPrice}}</span></td>
                        <td style="width:10%;"></td>
                        <td style="width:10%;">{{productNum}}件</td>
                        <td style="width:10%;"></td>
                        <td style="width:20%; border-right: none; text-align: right;">
                            <a href="javascript:void(0);"><span class="goBack">撤销本次删除</span></a>
                        </td>
                    </tr>
                    {{/ cartEnsure.deleteShop}}
                </table>
                </div>
            {{^}}
                <!-- 购物车商品列表      -->
                {{#cartEnsure}}
                <div class="pay-wapper">
                    <table>
                        <thead>
                        <tr>
                            <th style="width:40%;">
                                商品信息
                            </th>
                            <th style="width:13%;">单价(元)</th>
                            <th style="width:7%;">返YOHO币</th>
                            <th style="width:10%;">数量</th>
                            <th style="width:10%;">小计(元)</th>
                            <th style="width:20%;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                    <!-- 预售商品   -->
                    {{# preSell}}
                        <tr class="pre-sell">
                            <td colspan="6" class="per-list pre-sell-title cart-product-num">
                                <input class="" type="checkbox" name="" id="" {{#if isChecked}}checked{{/if}}/>
                                预售商品<span>({{cartProductNum}})</span>预售商品不参加活动,不可使用优惠券,不同上市期的商品我们将为您先到先发。
                            </td>
                        </tr>
                        {{# productItem}}
                        <tr class="pre-sell-box" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
                            <td>
                                <div class="pay-pro">
                                    <input class="cart-item-check" type="checkbox" name="" id="" data-goodstype="{{goodsType}}"  {{#if isChecked}}checked{{/if}}/>
                                    <a class="pay-pro-icon" href="{{link}}" target="_blank">
                                        <img src="{{imgCover}}">
                                        <span class="incentive">预售</span>
                                    </a>
                                    <p class="pay-pro-info">
                                        <a href="{{link}}" target="_blank">{{productTitle}}</a>
                                        <span>颜色:{{productColor}} 尺码:{{productSize}}</span>
                                        <span class="presell">上市期:{{preSellDate}}</span>
                                    </p>
                                </div>
                            </td>
                            <td class="productPrice">¥{{productPrice}}</td>
                            <td>{{yohoIcon}}个</td>
                            <td class="adjust-cart-num">
                                {{#if isGift}}
                                    <div>{{productNum}}</div>
                                {{^}}
                                    {{#if isPriceGift}}
                                        <div>{{productNum}}</div>
                                    {{^}}
                                         <span class="minus"></span>
                                        <input type="text" value="{{productNum}}" readonly="readonly"/>
                                        <span class="plus"></span>
                                        <p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
                                    {{/if}}
                                {{/if}}
                            </td>
                            <td class="sub-total">¥{{productSubtotal}}</td>
                            <td class="cart-operation">
                                <span class="cart-del-btn"><span>删除</span></span>
                            </td>
                        </tr>
                        {{/ productItem}}
                    {{/ preSell}}
                    <!--普通商品-->
                    {{# commonSell}}
                        <tr>
                            <td colspan="6" class="common-list cart-product-num">
                                <input class="" type="checkbox" name="" id="" {{#if isChecked}}checked{{/if}}/>
                                普通商品({{cartProductNum}})
                            </td>
                        </tr>
                        {{# productItem}}
                        <tr  class="common-sell-box" {{#if pid}}data-pid="{{pid}}"{{/if}} {{#if id}}data-id="{{id}}"{{/if}} {{#if skn}}data-skn="{{skn}}"{{/if}} {{#if sku}}data-sku="{{sku}}"{{/if}} {{#if productNum}}data-productnum="{{productNum}}"{{/if}}  {{#if promotionId}}data-promotionid="{{promotionId}}"{{/if}} {{#if goodsType}}data-goodstype="{{goodsType}}"{{/if}}>
                            <td>
                                <div class="pay-pro">
                                        <input class="cart-item-check {{#if isGift}}none{{/if}}"  type="checkbox" name="" id="" {{#if isChecked}}checked{{/if}}/>
                                    <a class="pay-pro-icon {{#if isGift}}giftInfo{{/if}}" href="{{link}}" target="_blank">
                                        <img src="{{imgCover}}">
                                         {{#isPriceGift}}
                                        <span class="incentive">加价购</span>
                                        {{/isPriceGift}}
                                        {{#isGift}}
                                        <span class="gift">赠品</span>
                                        {{/isGift}}
                                    </a>
                                    <p class="pay-pro-info">
                                        <a href="{{link}}" target="_blank">{{productTitle}}<br /></a>
                                        <span>颜色:{{productColor}} 尺码:{{productSize}}</span>
                                    </p>
                                </div>
                            </td>
                            <td><span class="productPrice">¥{{productPrice}}</span>
                                {{#isVipPrice}}
                                    <span class="vipPrice">(VIP)</span>
                                {{/isVipPrice}}
                            </td>
                            <td>{{yohoIcon}}个</td>
                            <td class="adjust-cart-num">
                                {{#if isGift}}
                                    <div>{{productNum}}</div>
                                {{^}}
                                    {{#if isPriceGift}}
                                        <div>{{productNum}}</div>
                                    {{^}}
                                         <span class="minus"></span>
                                        <input type="text" value="{{productNum}}" readonly="readonly"/>
                                        <span class="plus"></span>
                                        <p class="tip-message {{#isTipNoStore}}tipNoStore{{/isTipNoStore}}">{{tipMessage}}</p>
                                    {{/if}}
                                {{/if}}
                            </td>
                            <td class="sub-total">
                            {{#if xForOne}}
                                <del>¥{{productSubtotal}}</del>
                                <span class="free"></span>
                            {{^}}
                                {{productSubtotal}}
                            {{/if}}
                            </td>
                            <td class="cart-operation">
                                <a href="javascript:void(0);" {{#if isGift}}data-gift="1"{{/if}} class="cart-del-btn"><span>删除</span></a>
                            </td>
                        </tr>
                        {{/ productItem}}
                    {{/ commonSell}}
                           </tbody>
                        </table>
                    </div>
                    <div class="order-pay">
                        <!-- 加价购,赠品列表 -->
                        {{#subjoinItem}}
                        <div class="pay-wapper  {{#if isShowGift}}gift-wrapper{{/if}}">
                        <div class="cart-product-num">
                            <strong>{{subjoinType}}</strong>
                            {{#if isShowGift}}
                                <i class="icon-zp"></i>
                                <div data-pageall="{{subjoinPageNum}}" class="cart-unfold cart-page">
                                    <p><span class="f-red">1</span>/<span class="subjoinPageNum">{{subjoinPageNum}}</span></p>
                                    <i class="cart-btn-pre"></i>
                                    <i class="cart-btn-next"></i>
                                </div>
                            {{^}}
                                {{#if isFold}}
                                <i class="icon-minusCart none"></i>
                                <i class="icon-addCart"></i>
                                <div class="cart-unfold unfold-color">
                                    <span>[展开]</span>
                                </div>
                                <div data-pageall="{{subjoinPageNum}}" class="cart-unfold cart-page none">
                                    <p><span class="f-red">1</span>/<span class="subjoinPageNum">{{subjoinPageNum}}</span></p>
                                    <i class="cart-btn-pre"></i>
                                    <i class="cart-btn-next"></i>
                                </div>
                                {{^}}
                                <i class="icon-minusCart"></i>
                                <i class="icon-addCart none"></i>
                                <div class="cart-unfold unfold-color none">
                                    <span>[展开]</span>
                                </div>
                                <div data-pageall="{{subjoinPageNum}}" class="cart-unfold cart-page">
                                    <p><span class="f-red">1</span>/<span class="subjoinPageNum">{{subjoinPageNum}}</span></p>
                                    <i class="cart-btn-pre"></i>
                                    <i class="cart-btn-next"></i>
                                </div>
                                {{/if}}
                            {{/if}}
                        </div>
                        <div class="{{#isFold}}fold{{/isFold}}" >
                        {{#subjoinPage}}
                            <table class="{{#isHide}}none{{/isHide}}" data-promotion={{promotionId}}>
                                {{#subjoinInfo}}
                                <tr>
                                    <td style="width:40%;">
                                        <div class="pay-pro">
                                            <a class="pay-pro-icon" href="{{subjoinLink}}" target="_blank">
                                                <img src="{{imgCover}}">
                                              {{#isPriceGift}}
                                                <span class="incentive">加价购</span>
                                              {{/isPriceGift}}
                                              {{#isGift}}
                                                <span class="gift">赠品</span>
                                              {{/isGift}}
                                            </a>
                                            <p class="pay-pro-info">
                                                <a href="{{subjoinLink}}" target="_blank">{{subjoinTitle}}</a>
                                            </p>
                                        </div>
                                    </td>
                                    <td style="width:13%;">
                                        <del class="wapper-price" style="margin-right: 5px;"{{marketPrice}}</del>
                                        <span class="subjoin-price"{{subjoinPrice}}</span>
                                    </td>
                                    <td style="width:7%;">{{yohoIcon}}个</td>
                                    <td style="width:10%;">1</td>
                                    <td style="width:10%;">¥{{subjoinPrice}}</td>
                                    <td style="width:20%; border-right: none;">
                                        {{#isPriceGift}}
                                            <a href="javascript:void(0);" data-id="{{id}}" class="cart-add-btn order"><span></span></a>
                                        {{/isPriceGift}}
                                        {{#isGift}}
                                            <a href="javascript:void(0);" data-id="{{id}}" class="cart-add-btn zp"><span></span></a>
                                        {{/isGift}}
                                    </td>
                                </tr>
                                {{/subjoinInfo}}
                            </table>
                        {{/subjoinPage}}
                        </div>
                        </div>
                        {{/subjoinItem}}
                    </div>
                    <div class="dev-revocation {{#unless deleteShop}}none{{/unless}}">
                        <table>
                        {{#deleteShop}}
                        <tr data-productnum="{{productNum}}" data-productsku="{{productSku}}" data-promotionid="{{promotionId}}">
                            <td style="width:40%; text-align: left;">成功删除<a class="title" href="{{link}}" target="_blank">{{productTitle}}</a></td>
                            <td style="width:10%;"><span class="productPrice">{{productPrice}}</span></td>
                            <td style="width:10%;"></td>
                            <td style="width:10%;">{{productNum}}件</td>
                            <td style="width:10%;"></td>
                            <td style="width:20%; border-right: none; text-align: right;">
                                <a href="javascript:void(0);"><span class="goBack">撤销本次删除</span></a>
                            </td>
                        </tr>
                        {{/deleteShop}}
                    </table>
                    </div>
                {{/cartEnsure}}
                {{#cartEnsure.salesPromotion}}
                <div class="salesPromotion">
                    <p>
                        {{#if salesTitle}}
                            <b>{{salesTitle}}</b>
                        {{/if}}
                        {{salesMessage}}</p>
                    <span><i></i>已参与</span>
                </div>
                {{/cartEnsure.salesPromotion}}
                <!-- 总价计算 -->
                <div class="cartnew-sum">
                    {{#unless cartEnsure.isEmpty}}
                    <div class="left batch_div">
                        <a href="javascript:void(0);" class="btn_h" style="display:none;"><span>清空商品</span></a>
                        <input type="checkbox" id="cbSelAllGoods" {{#if cartEnsure.isCheckedAll}}checked="checked"{{/if}}>
                        <span>全选</span>
                        <a class="delAll" href="javascript:void(0);">批量删除</a>
                        <a class="removeAll" href="javascript:void(0);">批量移入收藏夹</a>
                    </div>
                    {{/unless}}
                    <div class="right">
                        <p class="sum">商品总价(¥{{cartEnsure.productAmmount}})- 活动(¥{{cartEnsure.activeSale}})= 商品金额总计(¥{{cartEnsure.productAllA}})</p>
                        <p>
                            <a href="/help/?category_id=87" class="yoho-coin" target="_blank"></a>
                            共返YOHO币:{{cartEnsure.getYoho}}个 商品总价(不含运费):
                            <strong>¥{{cartEnsure.productAllA}}</strong> 
                        </p>
                    </div>
                </div>
                <div class="cartnew-submit" id="payDiv">
                    <a href="{{cartEnsure.searchUrl}}" class="btn_continue">再逛逛</a>
                    <a href="javascript:void(0);" class="btn_account" style="display: none;">去结算</a>
                    <a href="javascript:void(0);" class="btn_account_disabled" style="display: none;">去结算</a>
                    <div class="go_cash_tips" id="cannotPayNotice" style="display: none;">
                        <span>请将普通商品与预售商品分开结算,普通商品订单我们将为您优先发货。</span>
                    </div>
                </div>  
            {{/if}}
        </div>
    </div>
<!--凑单商品模板-->
<div class="together"></div>
<div class="histroy"></div>
{{> cart/cart-medley}}
<!-- 商品信息详情 -->
    <div class="goods-detail"></div>
    <div class="loading"><span></span>请稍后...</div>
</div>
<!-- 商品详细信息窗口 -->

<script type="text/javascript"> 
(function (d) {	 
window.bd_cpro_rtid="P1fsPWc";	 
var s = d.createElement("script");s.type = "text/javascript";s.async = true;s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";	 
var s0 = d.getElementsByTagName("script")[0];s0.parentNode.insertBefore(s, s0); 
})(document);	 
</script>
<script type="text/javascript" src="http://static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
window.criteo_q.push(
{event:"setAccount", account: 16184},
{event:"setCustomerId", id: "{{uid}}"},
{event:"setSiteType", type: "d"}, 
{event:"viewBasket", item: {{{cartEnsure.criteo}}} }
);
</script>
<!-- 聚效 -->
<script type="text/javascript">
var _mvq = window._mvq || []; 
window._mvq = _mvq;
_mvq.push(['$setAccount', 'm-23428-1']);
_mvq.push(['$setGeneral', 'cartview', '', /*用户名*/ '', '{{uid}}']);
_mvq.push(['$logConversion']);
_mvq.push(['$addItem', '', /*商品id*/ '{{cartEnsure.ids}}', '', '']);
_mvq.push(['$logData']);
</script>
<script>
!function(w,d,e){
var _money='{{cartEnsure.ipinyouAmount}}';
var _productList='{{cartEnsure.ipinyou}}';
var b=location.href,c=d.referrer,f,s,g=d.cookie,h=g.match(/(^|;)\s*ipycookie=([^;]*)/),i=g.match(/(^|;)\s*ipysession=([^;]*)/);if (w.parent!=w){f=b;b=c;c=f;};u='//stats.ipinyou.com/cvt?a='+e('MC.Ok.7NFMIlCH_F_LE2riRlF2r_')+'&c='+e(h?h[2]:'')+'&s='+e(i?i[2].match(/jump\%3D(\d+)/)[1]:'')+'&u='+e(b)+'&r='+e(c)+'&rd='+(new Date()).getTime()+'&Money='+e(_money)+'&ProductList='+e(_productList)+'&e=';
function _(){if(!d.body){setTimeout(_(),100);}else{s= d.createElement('script');s.src = u;d.body.insertBefore(s,d.body.firstChild);}}_();
}(window,document,encodeURIComponent);
</script>
{{> layout/footer}}