|
|
@@ -19,20 +19,37 @@
|
|
|
<section class="htop" id="htopMain">
|
|
|
<h1>
|
|
|
<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><img src="/images/mo/logo_STYLE24.png" alt="STYLE24"></a>
|
|
|
- <button class="btn_gnb" title="메인메뉴 열기/닫기">
|
|
|
- <span>
|
|
|
- <i class="gl1"></i>
|
|
|
- <i class="gl2"></i>
|
|
|
- </span>
|
|
|
- </button>
|
|
|
+ <button class="btn_gnb" title="메인메뉴 열기/닫기"><span><i></i></span></button>
|
|
|
</h1>
|
|
|
+ <div class="button_wrap">
|
|
|
+ <button class="search">
|
|
|
+ <img src="/images/mo/ico_btn_search_w.png" alt="검색">
|
|
|
+ </button>
|
|
|
+ <button class="store">
|
|
|
+ <img src="/images/mo/ico_btn_store_w.png" alt="쇼핑백">
|
|
|
+ <span>99+</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 브랜드 리스트 -->
|
|
|
+ <section class="hmenu">
|
|
|
+ <div class="inner scrollWrap">
|
|
|
+ <nav class="bng">
|
|
|
+ <ul class="d1">
|
|
|
+ <li id="liGnbBrandGrp">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
</section>
|
|
|
</header>
|
|
|
|
|
|
<div id="gnb" class="gnb">
|
|
|
<div class="gnb-inner">
|
|
|
- <ul>
|
|
|
- <li class="on"><a href="#none">브랜드</a></li>
|
|
|
+ <ul id="ulGnbTab">
|
|
|
+ <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
|
|
|
+ <li class="on"><a href="javascript:void(0);">브랜드</a></li>
|
|
|
<li><a href="#none">여성</a></li>
|
|
|
<li><a href="#none">남성</a></li>
|
|
|
<li><a href="#none">유아동</a></li>
|
|
|
@@ -49,17 +66,77 @@
|
|
|
</div>
|
|
|
<button onclick="$('#gnb').toggleClass('expand');" class="btn-expand"></button>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- 통합검색 팝업 -->
|
|
|
+ <div class="modal pop_full schPop sch" id="schPop" tabindex="-1" role="dialog" aria-labelledby="schPopLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a href="#close-modal" rel="modal:close" id="schAllPop_close" class="close-modal">Close</a>
|
|
|
+ </div>
|
|
|
+ <!-- //통합검색 팝업 -->
|
|
|
+
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
- $(document).ready(function() {
|
|
|
- // 카테고리목록
|
|
|
- fnGetCategoryList();
|
|
|
- });
|
|
|
+ // GNB탭 생성
|
|
|
+ let fnCreateGnbTab = function() {
|
|
|
+ $.getJSON('/display/gnb/tab/list'
|
|
|
+ , function(result, status) {
|
|
|
+ if (status == 'success') {
|
|
|
+ if (result.length > 0) {
|
|
|
+ $('#ulGnbTab').html('');
|
|
|
+
|
|
|
+ let tag = '';
|
|
|
+ tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>\n';
|
|
|
+ tag += '<li class="on"><a href="javascript:void(0);">브랜드</a></li>\n';
|
|
|
+ $.each(result, function(idx, item) {
|
|
|
+ if (item.contentsType == 'C') { // 컨텐츠유형: 카테고리
|
|
|
+ tag += '<li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'G032_101\',' + item.cate1No + ');">' + item.gtabNm + '</a></li>\n';
|
|
|
+ } else if (item.contentsType == 'O') { // 컨텐츠유형: 아울렛
|
|
|
+ tag += '<li><a href="javascript:void(0);" onclick="cfnGoToOutletMain(\'G032_103\');">' + item.gtabNm + '</a></li>\n';
|
|
|
+ } else { // 컨텐츠유형: 링크
|
|
|
+ tag += '<li><a href="' + item.linkUrl + '">' + item.gtabNm + '</a></li>\n';
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $('#ulGnbTab').html(tag);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
- var fnGetCategoryList = function() {
|
|
|
- // TODO: 카테고리목록으로 li 태그 만들어 처리
|
|
|
-// $('#gnb>div>ul').html('');
|
|
|
+ // GNB탭 > 브랜드 생성
|
|
|
+ let fnCreateGnbBrandGroup = function() {
|
|
|
+ $.getJSON('/display/gnb/brand/group/list'
|
|
|
+ , function(result, status) {
|
|
|
+ if (status == 'success') {
|
|
|
+ if (result.length > 0) {
|
|
|
+ $('#liGnbBrandGrp').html('');
|
|
|
+ let tag = '';
|
|
|
+ $.each(result, function (idx, item) {
|
|
|
+ tag += '<a href="javascript:void(0);" onclick="cfnGoToBrandMain(' + item.brandGroupNo + ');">\n';
|
|
|
+ tag += item.brandGroupNm + '<span><img src="' + _uploadDefaultUrl + item.logoFileNm + '" alt="' + item.brandGroupNm + '"></span>\n';
|
|
|
+ tag += '</a>\n';
|
|
|
+ });
|
|
|
+ $('#liGnbBrandGrp').html(tag);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ fnCreateGnbTab();
|
|
|
+ });
|
|
|
}
|
|
|
+
|
|
|
+ $(document).on("click",".htop .search",function(){
|
|
|
+ $("#schPop .modal-content").load("popup_sch_layer.html");
|
|
|
+ $("#schPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+ // GNB탭 > 브랜드 생성
|
|
|
+ fnCreateGnbBrandGroup();
|
|
|
+ });
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
|
gagamel