shop.phtml 10.4 KB
{{> 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" name="shopIdForFilter" value="{{shopIdForFilter}}">
                <input type="hidden" name="channel" value="{{channel}}">
                <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}}">

                {{#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">
                            <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">
                            <a href="{{url}}">
                                <img src="{{springType}}">
                            </a>
                        </li>
                        {{/each}}
                    </ul>

                    {{! 热门品类}}
                    <div class="first">
                    {{# hotCategory}}
                        {{> home/hot_category}}
                    {{/ hotCategory}}
                    </div>

                    <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">
                        <ul class="product-list first">
                            {{#each hotList}}
                            <li class="buriedpoint" data-bp-id="shop_hotList_{{url}}">
                                <a href="{{url}}">
                                    <img class="lazy" data-original="{{img}}">
                                </a>
                                <div class="list-price">
                                    <p>{{productName}}</p>
                                    <p><span class="red">{{originalPrice}}</span>
                                    <span>{{presentPrice}}</span>
                                    </p>
                                </div>
                            </li>
                            {{/each}}
                        </ul>
                    </div>
                </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}}