{{> layout/main_header_shop}}
{{# shopIndex}}
<div class="shop-index yoho-page scroll-wrapper" id="wrapper">

<div id="scroller">
    <div id="nav-top">
        {{> layout/page_header}}
        <!-- tar modifield 160826  -->
        <input type="hidden" id="app_version" name="app_version" value="{{app_version}}">
        <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}}">

        {{#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="{{branerImg}}">
            <img class="logo" src="{{logoImg}}">
            <p class="store-name">{{storeName}}</p>
            <div class="collect">
                {{#if collect}}
                <div class="alreadyCollect" id="collect"></div>
                {{else}}
                <div class="notCollect buriedpoint" id="collect" data-bp-id="shop_branner_collect_1"></div>
                {{/if}}
            </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 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}}
                {{> home/banner_top}}
                {{/ bannerTop}}
            </div>

            <ul class="spring first">
                {{#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}}
                {{> product/hot_category}}
                {{/ hotCategory}}
            </div>

            {{#if hotList}}
            <div class="popularity-title first">
                人气单品
                <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}}
                    {{> good}}
                    {{/ hotList}}
                </div>
            </div>
            {{/if}}

        </div>

        <div class="discount-area first" id="navlist2">
            <ul id="list-nav" class="home-sub-nav list-nav clearfix">
                <li data-bp-id="shop_listnav_new_1" class="new active buriedpoint">
                    <a href="javascript:void(0);">
                        <span class="spanTest">最新</span>
                        <span class="iconfont 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>

        <div class="discount-area first">
            <div id="goods-container" class="goods-container">
                <div class="new-goods container clearfix">
                    {{# goods}}
                    {{> good}}
                    {{/ goods}}
                </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}}
{{> product/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>

<ul id="pos-list" class="home-sub-nav pos-list hide">
    <li class="new active buriedpoint" data-bp-id="shop_poslist_new_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>
{{> filter}}
{{/ shopIndex}}
{{> product/query-param}}
{{> layout/footer_shop}}