shop.phtml 7.27 KB
{{> layout/main_header}}
{{# shopIndex}}
    <div class="shop-index yoho-page" id="wrapper">
        <div id="scroller">
            <div id="nav-top">
                {{> layout/page_header}}
                {{#if appVersion}}
                <input type="hidden" name="app_version" value="{{appVersion}}">
                <input type="hidden" name="shop_id" value="{{shopId}}">
                {{else}}
                <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" data-bp-id="shop_search_one_true">
                                <input type="hidden" name="shop_id" value="{{shopId}}">
                                <input type="hidden" name="app_version" value="{{appVersion}}">
                                <i class="clear-input iconfont hide">&#xe626;</i>
                                <button id="search" class="search buriedpoint" type="submit">搜索</button>
                            </form>
                        </div>
                    </div>
                {{/if}}
                <div class="branner-top">
                    <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" id="collect" data-bp-id="shop_collect_one_true"></div>
                        {{/if}}
                    </div>
                </div>
            </div>

            <ul id="nav" class="nav">
                <li class="active color" tab="home-page" data-bp-id="shop_nav_one_true">首页</li>
                <li tab="new-arrival" data-bp-id="shop_nav_two_true">上新</li>
                <li tab="popularity" data-bp-id="shop_nav_three_true">人气</li>
                <li data-bp-id="shop_nav_four_true">
                    <a href="{{allGoods}}" target="_blank">全部商品</a>
                </li>
            </ul>
             
            <div id="home-page" class="main">   
                <div id="nav-main" >
                    {{#if brandList}}
                    <div class="multi-brands">
                        <p>品牌一览</p>
                        <div class="multi-browse">
                            <ul class="swiper-wrapper">
                                {{#each brandList.list}}          
                                <li class="swiper-slide brand-img" data-bp-id="shop_brandList_{{brandName}}_false">
                                    <a href="{{url}}">
                                        <img src="{{img}}">
                                    </a>
                                    <p>{{brandName}}</p>
                                </li>
                                {{/each}}
                            </ul>
                        </div>
                    </div>
                    {{/if}}

                    <div class="banner-area">
                        {{# bannerTop}}
                            {{> home/banner_top}}
                        {{/ bannerTop}}
                    </div>
                    
                    <ul class="spring">
                        {{#each spring}}
                        <li data-bp-id="shop_spring_{{springType}}_false">
                            <a href="{{url}}">
                                <img src="{{springType}}">
                            </a>
                        </li>
                        {{/each}}
                    </ul>

                    {{! 热门品类}}
                    {{# hotCategory}}
                        {{> home/hot_category}}
                    {{/ hotCategory}}

                    <div class="popularity-title">
                        人气单品
                        <a class="more" href="{{more_url}}" data-bp-id="shop_popularity_more_false">&#xe618;</a>
                    </div>
                    
                    <ul class="product-list">
                        {{#each hotList}}
                        <li data-bp-id="shop_popularity_{{productName}}_false">
                            <a href="{{url}}">
                                <img src="{{listUrl}}">
                            </a>
                            <div class="list-price">
                                <p>{{productName}}</p>
                                <p><span class="red">{{originalPrice}}</span>
                                <span>{{presentPrice}}</span>
                                </p>
                            </div>
                        </li>
                        {{/each}}
                    </ul>
                </div>
                
                <div class="discount-area">
                    {{> product/goods-nav-top}}
                </div>
            </div>       
            <div id="new-arrival" class="new-arrival main"></div>
            <div id="popularity" class="popularity main"></div>
        </div>
        {{#unless appVersion}}
            {{> product/shop-footer}}
        {{/unless}}
        <ul id="pos-nav" class="nav hide">
            <li class="active color" tab="home-page" data-bp-id="shop_posnav_one_true">首页</li>
            <li tab="new-arrival" data-bp-id="shop_posnav_two_true">上新</li>
            <li tab="popularity" data-bp-id="shop_posnav_three_true">人气</li>
            <li data-bp-id="shop_posnav_four_true">
                <a href="{{allGoods}}" target="_blank" data-bp-id="shop_posnav_four_true">全部商品</a>
            </li>
        </ul>

        <ul id="pos-list" class="home-sub-nav pos-list nav hide">
            <li class="new active" data-bp-id="shop_poslist_new_true">
                <a href="javascript:void(0);">
                    <span class="spanTest">最新</span>
                    <span class="iconfont cur">&#xe616;</span>
                </a>
            </li>
            <li class="price" data-bp-id="shop_posnav_price_true">
                <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" data-bp-id="shop_posnav_discount_true">
                <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" data-bp-id="shop_posnav_filter_true">
                <a href="javascript:void(0);">
                    <span class="spanTest">筛选</span>
                    <span class="iconfont cur">&#xe613;</span>
                </a>
            </li>
        </ul>
    </div>
{{/ shopIndex}}
{{> layout/footer}}