detail.hbs 6.16 KB
<div class="global-detail-page product-detail-page yoho-page">
    {{>product/brand-banner}}

    <div class="center-content">
        {{> common/path-nav}}

        <div class="main clearfix">
            {{# goodsInfo}}
                <div class="pull-left imgs clearfix">
                    <div class="pull-left img">
                        <div class="tags clearfix">
                            <span class="good-tag global-tag">{{country_name}}</span>
                        </div>

                        <div id="min-img">
                            <img id="img-show" class="img-show" src="{{image2 mainThumb w=420 h=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="{{image2 mainThumb w=750 h=1000}}">
                            </div>
                        </div>

                        <div class="share-row">
                            <span class="title pull-left">分享:</span> {{> common/share }}
                        </div>
                    </div>
                    <div id="thumbs" class="pull-right thumbs">
                        {{# goods_list}}
                            <div class="thumb-wrap{{#unless focus}} hide{{/unless}}">
                                {{#if focus}}
                                    {{# images_list}}
                                        <img class="thumb {{#if @first}}active{{/if}}" src="{{image2 image_url w=75 h=100}}"
                                             data-shower="{{image2 image_url w=420 h=560}}"
                                             data-origin="{{image2 image_url w=750 h=1000}}">
                                    {{/ images_list}}
                                {{^}}
                                    {{# images_list}}
                                        <img class="thumb lazy"
                                             data-original="{{image2 image_url w=75 h=100}}"
                                             data-shower="{{image2 image_url w=420 h=560}}"
                                             data-origin="{{image2 image_url w=750 h=1000}}">
                                    {{/ images_list}}
                                {{/if}}
                            </div>
                        {{/ goods_list}}
                    </div>
                </div>
                <div class="pull-right infos">
                    <h1 class="name">{{product_name}}</h1>

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

                    <p class="market-price">
                        {{# formart_orign_price}}
                            <span class="price-row">
                                <span class="title"><s></s>价:</span>
                                <span class="price has-other-price">{{.}}</span>
                            </span><br>
                        {{/ formart_orign_price}}
                        {{# formart_final_price}}
                        <span class="price-row">
                            <span class="title">当前价:</span>
                            <span class="price">{{.}}</span>
                        </span>
                        {{/ formart_final_price}}
                        {{#if promotion}}
                            <span class="desc">
                                <span class="promotion">{{promotion}}</span>
                            </span>
                        {{/if}}

                    </p>
                    <p class="foreign-price">
                        {{# format_market_price}}
                            <span class="title">原 价:</span>
                            <span class="price">{{.}}</span>
                        {{/ format_market_price}}
                        {{# format_sales_price}}
                            <span class="title">当前价:</span>
                            <span class="price">{{.}}</span>
                        {{/ format_sales_price}}
                    </p>


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

                    <div class="trade-content">
                        <div id="type-chose" class="type-chose">
                            {{> product/color-list}}
                            {{> product/size-list}}

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

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

                            <span id="code-buy" class="code-buy" skn="{{product_skn}}">
                                <div class="code-box">
                                    <div id="qrcode-img" class="code-img"
                                         data-url='http://union.yoho.cn/union/app-downloads.html?openby:yohobuy={"action":"go.globalpurchase","params":{"skn":"{{product_skn}}"}}'>
                                    </div>
                                    <div class="code-font">
                                        <em>手机客户端<br/>扫一扫购买</em>
                                    </div>
                                </div>
                            </span>

                        </div>
                    </div>

                    <div class="extra-tip">
                        <a href="/help/detail?id=39&contId=241">全球购物须知</a>

                        <ul class="global-buy-tips">
                            {{# illustrate_contents}}
                                <li>
                                    {{title}} >
                                    <div class="hover-tip">{{content}}</div>
                                </li>
                            {{/ illustrate_contents}}
                        </ul>
                    </div>
                </div>
            {{/ goodsInfo}}
        </div>
        <div class="global-detail-wrap">{{{detailHtml}}}</div>
    </div>
</div>