index.hbs 11.7 KB
{{# shopIndex}}
    <div class="shop-index yoho-page scroll-wrapper" id="wrapper">

        <div id="scroller">
            <div id="nav-top">
                {{> header}}
                <!-- tar modifield 160826  -->
                <input type="hidden" name="app_version" value="{{appVersion}}">
                <input type="hidden" name="shop_id" value="{{shopId}}">
                <input type="hidden" name="brand" value="{{brand}}">
                <input type="hidden" name="favId" value="{{favId}}">
                <input type="hidden" name="coverChannel" value="{{coverChannel}}">
                <input type="hidden" name="uid" value="{{uid}}">

                {{#unless appVersion}}
                    <div class="search-area">
                        <div id="search-input" class="search-input">
                            <form id="search-form" action={{url}} method="get">
                                <i class="search-icon iconfont">&#xe60f;</i>
                                <input type="text" placeholder="搜索店铺内潮品" name="query" class="buriedpoint">
                                <input type="hidden" name="shop_id" value="{{shopId}}">
                                <input type="hidden" name="coverChannel" value="{{coverChannel}}">
                                <i class="clear-input iconfont hide">&#xe626;</i>
                                <button id="search" class="search buriedpoint" type="submit"
                                        data-bp-id="shop_search_btn_0">搜索
                                </button>
                            </form>
                        </div>
                    </div>
                {{/unless}}

                <!-- /tar modifield 160826  -->
                <div class="branner-top">
                    <img class="shop-back-img" src="{{image branerImg 640 200 1}}">
                    {{#if logoImg}}
                        <img class="logo" src="{{image logoImg 500 500}}">
                    {{/if}}
                    <p class="store-name">{{storeName}}</p>
                    <div class="collect">
                        <div class="not-collect buriedpoint" id="collect" data-bp-id="shop_branner_collect_1"></div>
                    </div>
                </div>
            </div>

            <ul id="nav" class="nav">
                <li class="active color buriedpoint" tab="home-page" data-bp-id="shop_nav_index_1">首页</li>
                <li tab="new-arrival" data-bp-id="shop_nav_new_1" class="buriedpoint">上新</li>
                <li tab="popularity" data-bp-id="shop_nav_populary_1" class="buriedpoint">人气</li>
                <li data-bp-id="shop_nav_all_1" class="all-goods buriedpoint">
                    <a href="{{allGoods}}" target="_blank">全部商品</a>
                </li>
            </ul>

            <div id="home-page" class="main">
                <div id="nav-main" class="nav-main">
                    <!-- 优惠卷 -->
                    {{#if shopCoupons}}
                        {{> shop/shop-coupon}}
                    {{/if}}

                    <!-- 大导航 -->
                    {{#if brandList}}
                        <div class="multi-brands first">
                            <p>品牌一览</p>
                            <div class="multi-browse">
                                <ul class="swiper-wrapper">
                                    {{#each brandList.list}}
                                        <li class="swiper-slide brand-img buriedpoint"
                                            data-bp-id="shop_brand_{{img}}_0">
                                            <a href="{{url}}">
                                                <img src="{{img}}">
                                            </a>
                                            <p>{{brandName}}</p>
                                        </li>
                                    {{/each}}
                                </ul>
                            </div>
                        </div>
                    {{/if}}

                    <div class="banner-area first">
                        {{# bannerTop}}
                            {{> resources/banner-top}}
                        {{/ bannerTop}}
                    </div>

                    <ul class="spring">
                        {{#each spring}}
                            <li class="buriedpoint" data-bp-id="shop_spring_{{url}}_0">
                                {{#if url}}
                                    <a href="{{url}}">
                                        <img src="{{springType}}">
                                    </a>
                                {{^}}
                                    <a href="javascript:;">
                                        <img src="{{springType}}">
                                    </a>
                                {{/if}}
                            </li>
                        {{/each}}
                    </ul>

                    {{! 热门品类}}
                    <div class="first">
                        {{# hotCategory}}
                            {{> shop/hot-category}}
                        {{/ hotCategory}}
                    </div>

                    <div class="popularity-title">
                        人气单品
                        <a class="more buriedpoint" href="{{more_url}}" data-bp-id="shop_popularity_{{more_url}}">
                            &#xe618;</a>
                    </div>
                    <div class="product-warp">
                        <div class="goods-container clearfix">
                            {{# hotList}}
                                {{> common/goods}}
                            {{/ hotList}}
                        </div>
                    </div>
                </div>

                <div class="discount-area first" id="navlist2">
                    <ul id="list-nav" class="home-sub-nav list-nav pos-list clearfix">
                        <li data-bp-id="shop_listnav_default_1" class="default active buriedpoint first-li-more">
                            <a href="javascript:void(0);">
                                <span class="spanTest">默认</span>
                                <span class="iconfont up cur hide">&#xe615;</span>
                                <span class="iconfont down cur">&#xe616;</span>
                            </a>
                        </li>
                        <li class="price buriedpoint" data-bp-id="shop_listnav_price_1">
                            <a href="javascript:void(0);">
                                <span class="spanTest">价格</span>
                                <span class="icon">
                                    <i class="iconfont up cur">&#xe615;</i>
                                    <i class="iconfont down">&#xe616;</i>
                                </span>
                            </a>
                        </li>
                        <li class="discount buriedpoint" data-bp-id="shop_listnav_discount_1">
                            <a href="javascript:void(0);">
                                <span class="spanTest">折扣</span>
                                <span class="icon">
                                    <i class="iconfont up cur">&#xe615;</i>
                                    <i class="iconfont down">&#xe616;</i>
                                </span>
                            </a>
                        </li>
                        <li class="filter buriedpoint" data-bp-id="shop_listnav_filter_1">
                            <a href="javascript:void(0);">
                                <span class="spanTest">筛选</span>
                                <span class="iconfont cur">&#xe613;</span>
                            </a>
                        </li>
                    </ul>
                    <div class='new-list hide'>
                        <ul>
                            <li class='active default' data-bp-id='shop_listnav_default_1'>默认</li>
                            <li class='new' data-bp-id='shop_listnav_new_1'>最新</li>
                        </ul>
                    </div>
                </div>

                <div class="discount-area first">
                    <div id="goods-container" class="goods-container">
                        <div class="new-goods container clearfix">
                            {{# goods}}
                                {{> common/goods}}
                            {{/ goods}}
                        </div>
                        <div class="default-goods container hide clearfix"></div>
                        <div class="sale-goods container hide clearfix"></div>
                        <div class="price-goods container hide clearfix"></div>
                        <div class="discount-goods container hide clearfix"></div>
                    </div>
                </div>
            </div>
            <div id="new-arrival" class="new-arrival main hide"></div>
            <div id="popularity" class="popularity main hide"></div>
        </div>
        {{#unless appVersion}}
            {{> shop/shop-footer}}
        {{/unless}}
        <ul id="pos-nav" class="nav hide">
            <li class="active color buriedpoint" tab="home-page" data-bp-id="shop_posnav_index_1">首页</li>
            <li tab="new-arrival" class="buriedpoint" data-bp-id="shop_posnav_new_1">上新</li>
            <li tab="popularity" class="buriedpoint" data-bp-id="shop_posnav_populary_1">人气</li>
            <li class="all-goods buriedpoint" data-bp-id="shop_posnav_all_1">
                <a href="{{allGoods}}" target="_blank">全部商品</a>
            </li>
        </ul>
        <div id="pos-list" class='hide'>
            <ul  class="home-sub-nav pos-list">
                <li class="default active buriedpoint first-li-more" data-bp-id="shop_listnav_default_1">
                    <a href="javascript:void(0);">
                        <span class="spanTest">默认</span>
                        <span class="iconfont cur">&#xe616;</span>
                        <b></b>
                    </a>
                </li>
                <li class="price buriedpoint" data-bp-id="shop_poslist_price_1">
                    <a href="javascript:void(0);">
                        <span class="spanTest">价格</span>
                        <span class="icon">
                            <i class="iconfont up cur">&#xe615;</i>
                            <i class="iconfont down">&#xe616;</i>
                        </span>
                        <b></b>
                    </a>
                </li>
                <li class="discount buriedpoint" data-bp-id="shop_poslist_discount_1">
                    <a href="javascript:void(0);">
                        <span class="spanTest">折扣</span>
                        <span class="icon">
                            <i class="iconfont up cur">&#xe615;</i>
                            <i class="iconfont down">&#xe616;</i>
                        </span>
                        <b></b>
                    </a>
                </li>
                <li class="filter buriedpoint" data-bp-id="shop_poslist_filter_1">
                    <a href="javascript:void(0);">
                        <span class="spanTest">筛选</span>
                        <span class="iconfont cur">&#xe613;</span>
                    </a>
                </li>
            </ul>

            <div class='new-list hide'>
                <ul>
                    <li class='active default' data-bp-id='shop_listnav_default_1'>默认</li>
                    <li class='new' data-bp-id='shop_listnav_new_1'>最新</li>
                </ul>
            </div>
        </div>
    </div>
    {{> common/filter}}
{{/ shopIndex}}
{{> common/query-param}}

<input type="text" class="shopid" style="display:none" value={{shopId}}>