index.phtml 6.71 KB
{{> layout/header}}
    {{# shopIndex}}
    <div class="shop-index yoho-page" id="wrapper">
        <div id="scroller">
            <div id="nav-top">
                {{# headerBanner}}
                    {{> product/banner-swipe-and-single}}
                {{/ headerBanner}}
                <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" data-bp-id="shop_search_input_1">
                            <input type="hidden" name="from" value="search">
                            <i class="clear-input iconfont hide">&#xe626;</i>
                            <span id="search" class="search buriedpoint" type="submit" data-bp-id="shop_search_btn_0">搜索</span>
                        </form>
                    </div>
                </div>
                <div class="branner-top">
                    <img src="{{branerImg}}">
                    <img class="logo" src=""></div>
                    <p class="name">Vans专营店</p>
                    <div class="collect"></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" class="buriedpoint" data-bp-id="shop_nav_new_1">上新</li>
                <li tab="popularity" class="buriedpoint" data-bp-id="shop_nav_populary_1">人气</li>
                <li class="buriedpoint" data-bp-id="shop_nav_all_1">
                    <a href="#" target="_blank">全部商品</a>
                </li>
            </ul> 
             
            <div id="home-page">   
                <div id="nav-main" class="main">
                    {{#unless  brands}}
                    <div class="multi-brands">
                        <h2>品牌一览</h2>
                        <div class="multi-browse">
                            <ul class="swiper-wrapper">
                                {{#each multiList}}          
                                    <li class="swiper-slide brand-img">
                                        <a href="{{url}}" data-bp-id="shop_brand_{{img}}_0" class=" buriedpoint">
                                            <img src="{{img}}">
                                        </a>
                                        <p>{{brandName}}</p>
                                    </li>
                                {{/each}}  
                            </ul>
                        </div>
                    </div>
                    {{/unless}}

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

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

                    <div class="popularity-title">
                        人气单品
                        <a class="more" href="{{more_url}}">&#xe618;</a>
                    </div>
                    
                    <ul class="product-list">
                        {{#each hotList}}
                        <li>
                            <a href="{{url}}" class="buriedpoint" data-bp-id="shop_hotcategory_{{listUrl}}_0">
                                <img src="{{listUrl}}">
                            </a>
                            <div class="list-price">
                                <p>VANS AP M BERZE</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=""></div>
            <div id="popularity" class=""></div>
        </div>
        {{> product/shop-footer}}
        <ul id="pos-nav" class="nav hide">
            <li class="active color buriedpoint" data-bp-id="shop_nav_index_1">首页</li>
            <li class="buriedpoint" data-bp-id="shop_nav_new_1">上新</li>
            <li class="buriedpoint" data-bp-id="shop_nav_populary_1">人气</li>
            <li class="buriedpoint" data-bp-id="shop_nav_all_1">
                <a href="#" target="_blank">全部商品</a>
            </li>
        </ul>

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