{{# goodsInfo}}
    <div class="pull-left imgs clearfix">
        <div class="pull-left img">
            <div class="tags clearfix">
                {{# tags}}
                    {{# isNewFestival}}
                        <span class="good-tag new-festival-tag">新品节</span>
                    {{/ isNewFestival}}
                    {{# isNew}}
                        <span class="good-tag new-tag">NEW</span>
                    {{/ isNew}}
                    {{# isReNew}}
                        <span class="good-tag renew-tag">再到着</span>
                    {{/ isReNew}}
                    {{# isYearEndPromotion}}
                        <span class="good-tag yep-tag">年终大促</span>
                    {{/ isYearEndPromotion}}
                    {{# isYearMidPromotion}}
                        <span class="good-tag ymp-tag">年中热促</span>
                    {{/ isYearMidPromotion}}
                    {{# isSale}}
                        <span class="good-tag sale-tag">SALE</span>
                    {{/ isSale}}
                    {{# isLimit}}
                        <span class="good-tag limit-tag">限量</span>
                    {{/ isLimit}}
                    {{# isPresell}}
                        <span class="good-tag presell-tag">预售</span>
                    {{/ isPresell}}
                {{/ tags}}
            </div>

            <div id="min-img">
                <img id="img-show" class="img-show" src="{{image img 420 560}}">
                <div class="magnifier move-object hide"></div>
                <div class="magnifier move-over"></div>
                <div id="max" class="magnifier max hide">
                    <img id='big' src="{{image img 1742 2323}}">
                </div>
            </div>

            <div class="share-row"><span class="title pull-left">分享：</span> {{> common/share }} </div>
        </div>
        <div id="thumbs" class="pull-right thumbs">
            {{# colors}}
                <div class="thumb-wrap{{#unless focus}} hide{{/unless}}">
                    {{#if focus}}
                        {{# thumbs}}
                            <img class="thumb {{#if @first}}active{{/if}}" src="{{image img 75 100}}"
                                 data-shower="{{image shower 420 560}}"
                                 data-origin="{{image shower 1001 1333}}">
                        {{/ thumbs}}
                    {{^}}
                        {{# thumbs}}
                            <img class="thumb lazy"
                                 data-original="{{image img 75 100}}"
                                 data-shower="{{image shower 420 560}}"
                                 data-origin="{{image shower 1001 1333}}">
                        {{/ thumbs}}
                    {{/if}}
                </div>
            {{/ colors}}
        </div>
    </div>
    <div class="pull-right infos">
        <p class="name"> {{name}} </p>

        {{#if saleTip}}
            <span class="sale-tip">{{saleTip}}</span>
        {{/if}}

        <div class="line"></div>

        {{> product/price-list}}

        {{> product/activity-list}}

        {{> product/coupon-list}}

        <div class="line"></div>

        <div class="trade-content">
            <div id="type-chose" class="type-chose">
                {{#if virtualGoods}}
                    {{> product/yohood-tick}}
                {{else}}
                    {{> product/color-list}}
                    {{> product/size-list}}
                {{/if}}

                <div class="chose-count row clearfix">
                    <span class="title pull-left">数&nbsp;&nbsp;量：</span>
                    <div class="num-wraper pull-left clearfix">
                        {{> product/num}}

                        {{# fashionTopGoods}}
                            {{#if getLimitedCode}}
                                <span class="lc-btn get-lc{{#if getLimitedCodeDis}} dis{{/if}}">获取限购码</span>
                                <div class="lc-container hide">
                                    <span class="lc-arrow"></span>
                                    <div class="lc-content">
                                        <div class="qr-code"></div>
                                        <p class="title">打开APP扫描二维码获取限购码</p>
                                        <p class="sub-title">商品开售后即可购买</p>
                                    </div>
                                </div>
                            {{/if}}

                            {{#if hadLimitedCode}}
                                <span class="lc-btn had-lc">已获取限购码</span>
                            {{/if}}

                            {{#if limitedCodeSoldOut}}
                                <span class="lc-btn lc-sold-out">限购码已抢光</span>
                            {{/if}}
                        {{/ fashionTopGoods}}
                    </div>
                </div>

                <div class="line"></div>

                {{#if virtualGoods}}
                {{!-- 电子门票按钮 --}}
                    {{#if isVirtualBtn}}
                        <form name="ticket-form" action="//www.yohobuy.com/cart/index/ticketEnsure" method="POST"
                              class="hide"></form>
                        <span id="buy-ticket" class="buy-ticket buy-now item-buy{{#if dis}} dis{{/if}}">立即购买</span>
                    {{/if}}
                {{else}}
                {{!-- 各颜色下所有尺码均售罄则只显示售罄按钮 --}}
                    {{#unless soldOut}}

                        {{# openSoon}}
                            <span id="open-soon" class="buy-btn item-buy dis">即将开售</span>
                        {{/ openSoon}}
                        {{#if notForSale}}
                            <span class="buy-btn dis"> <i class="iconfont">&#xe61c;</i> 非买品 </span>
                        {{/if}}
                        {{#if addToCart}}
                            <span id="add-to-cart" class="buy-btn item-buy add-to-cart"> <i class="iconfont">
                                &#xe600;</i> 加入购物车 </span>
                        {{/if}}

                        {{# buyNow}}
                            <span id="buy-now" class="item-buy buy-now{{#if dis}} dis{{/if}}"
                                  data-base="{{buyNowBase}}">立即购买</span>
                        {{/ buyNow}}

                    {{/unless}}

                {{/if}}

                <span id="sold-out" class="buy-btn dis{{#unless soldOut}} hide{{/unless}}">
                     <i class="iconfont">&#xe6ba;</i> 已售罄
                </span>

                <span id="enable-notify" class="buy-btn hide"> <i class="iconfont">
                        &#xe63d;</i> <span>到货通知</span></span>


                <span id="collect-product" class="{{#if isCollect}}coled {{/if}}collect-product">
                     <i class="iconfont">&#xe641;</i> {{#if isCollect}} <em>已收藏</em> {{^}} <em>收藏商品</em> {{/if}}
                </span>


            </div>

            <div id="balance" class="balance">
                <p class="success-tip">该商品已成功添加到购物车</p>
                <p class="cart-total">购物车共<span id="cart-num">0</span>件商品</p>
                <p class="balance-btns">
                    <a id="go-to-cart-url" class="go-cart buy-btn" href="{{goCartUrl}}">
                        去购物车结算
                        <i class="iconfont">&#xe60c;</i>
                    </a>

                    <span id="keep-shopping" class="keep-shopping"> 继续购物 </span>
                </p>
            </div>
        </div>
    </div>
{{/ goodsInfo}}