|
@@ -168,113 +168,116 @@
|
|
|
|
|
|
|
|
<script th:inline="javascript">
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
/*<![CDATA[*/
|
|
|
|
|
+ // 전체카테고리 조회
|
|
|
|
|
+ let allCate;
|
|
|
|
|
+ let fnGetAllCategory = function() {
|
|
|
|
|
+ $.getJSON('/display/all/cate/list'
|
|
|
|
|
+ , function(result, status) {
|
|
|
|
|
+ if (status == 'success') {
|
|
|
|
|
+ allCate = result;
|
|
|
|
|
+
|
|
|
|
|
+ // GNB탭 > 브랜드 생성
|
|
|
|
|
+ fnCreateGnbBrandGroup();
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
// GNB탭 > 카테고리
|
|
// GNB탭 > 카테고리
|
|
|
- let fnGetGnbCategory = function(cateList) {
|
|
|
|
|
|
|
+ let fnGetGnbCategory = function(cate1) {
|
|
|
let tag = '';
|
|
let tag = '';
|
|
|
-
|
|
|
|
|
- if (cateList.length > 0) {
|
|
|
|
|
- $.each(cateList, function(idx1, cate1) {
|
|
|
|
|
- tag += '<li class="has_depth">\n'; //depth_menu 있을 시 has_depth 클래스 추가
|
|
|
|
|
- tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategory(' + cate1.cate1Nm + ');">' + cate1.cate1Nm + '</a>\n';
|
|
|
|
|
- tag += ' <div class="depth_menu category">\n';
|
|
|
|
|
- tag += ' <div class="head_category">\n';
|
|
|
|
|
- tag += ' <div class="tit">\n';
|
|
|
|
|
- tag += ' <p>' + cate1.cate1Nm + '</p>\n';
|
|
|
|
|
- tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategory(' + cate1.cate1No + ');" class="more">전체보기</a>\n';
|
|
|
|
|
|
|
+ if (cate1 != null) {
|
|
|
|
|
+ tag += '<li class="has_depth">\n'; //depth_menu 있을 시 has_depth 클래스 추가
|
|
|
|
|
+ tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategory(' + cate1.cate1Nm + ');">' + cate1.cate1Nm + '</a>\n';
|
|
|
|
|
+ tag += ' <div class="depth_menu category">\n';
|
|
|
|
|
+ tag += ' <div class="head_category">\n';
|
|
|
|
|
+ tag += ' <div class="tit">\n';
|
|
|
|
|
+ tag += ' <p>' + cate1.cate1Nm + '</p>\n';
|
|
|
|
|
+ tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategory(' + cate1.cate1No + ');" class="more">전체보기</a>\n';
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
|
|
+ if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
|
|
|
|
|
+ tag += ' <div class="menu">\n';
|
|
|
|
|
+ tag += ' <ul class="maintabs">\n';
|
|
|
|
|
+ $.each(cate1.cate2List, function(idx2, cate2) {
|
|
|
|
|
+ tag += ' <li>\n';
|
|
|
|
|
+ tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate2.cateGb + '\',\'' + cate2.cate1No + '\',\'' + cate2.cate2No + '\');">' + cate2.cate2Nm + '</a>\n';
|
|
|
|
|
+ if (cate2.leafYn == 'N' && cate2.cate3List.length > 0) {
|
|
|
|
|
+ tag += ' <ul class="box_depth2">\n';
|
|
|
|
|
+ $.each(cate2.cate3List, function(idx3, cate3) {
|
|
|
|
|
+ tag += ' <li>\n';
|
|
|
|
|
+ tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate3.cateGb + '\',\'' + cate3.cate1No + '\',\'' + cate3.cate2No + '\',\'' + cate3.cate3No + '\');">' + cate3.cate3Nm + '</a>\n';
|
|
|
|
|
+ if (cate3.leafYn == 'N' && cate3.cate4List.length > 0) {
|
|
|
|
|
+ tag += ' <ul class="box_depth3">\n';
|
|
|
|
|
+ $.each(cate3.cate4List, function(idx4, cate4) {
|
|
|
|
|
+ tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate4.cateGb + '\',\'' + cate4.cate1No + '\',\'' + cate4.cate2No + '\',\'' + cate4.cate3No + '\',\'' + cate4.cate4No + '\');">' + cate4.cate4Nm + '</a></li>\n';
|
|
|
|
|
+ });
|
|
|
|
|
+ tag += ' </ul>\n';
|
|
|
|
|
+ }
|
|
|
|
|
+ tag += ' </li>\n';
|
|
|
|
|
+ });
|
|
|
|
|
+ tag += ' </ul>\n';
|
|
|
|
|
+ }
|
|
|
|
|
+ tag += ' </li>\n';
|
|
|
|
|
+ });
|
|
|
|
|
+ tag += ' </ul>\n';
|
|
|
tag += ' </div>\n';
|
|
tag += ' </div>\n';
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
|
|
|
|
|
- tag += ' <div class="menu">\n';
|
|
|
|
|
- tag += ' <ul class="maintabs">\n';
|
|
|
|
|
-
|
|
|
|
|
- $.each(cate1.cate2List, function(idx2, cate2) {
|
|
|
|
|
- tag += ' <li>\n';
|
|
|
|
|
- tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate2.cateGb + '\',\'' + cate2.cate1No + '\',\'' + cate2.cate2No + '\');">' + cate2.cate2Nm + '</a>\n';
|
|
|
|
|
-
|
|
|
|
|
- if (cate2.leafYn == 'N' && cate2.cate3List.length > 0) {
|
|
|
|
|
- tag += ' <ul class="box_depth2">\n';
|
|
|
|
|
-
|
|
|
|
|
- $.each(cate2.cate3List, function(idx3, cate3) {
|
|
|
|
|
- tag += ' <li>\n';
|
|
|
|
|
- tag += ' <a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate3.cateGb + '\',\'' + cate3.cate1No + '\',\'' + cate3.cate2No + '\',\'' + cate3.cate3No + '\');">' + cate3.cate3Nm + '</a>\n';
|
|
|
|
|
-
|
|
|
|
|
- if (cate3.leafYn == 'N' && cate3.cate4List.length > 0) {
|
|
|
|
|
- tag += ' <ul class="box_depth3">\n';
|
|
|
|
|
-
|
|
|
|
|
- $.each(cate3.cate4List, function(idx4, cate4) {
|
|
|
|
|
- tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate4.cateGb + '\',\'' + cate4.cate1No + '\',\'' + cate4.cate2No + '\',\'' + cate4.cate3No + '\',\'' + cate4.cate4No + '\');">' + cate4.cate4Nm + '</a></li>\n';
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- tag += ' </ul>\n';
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- tag += ' </li>\n';
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- tag += ' </ul>\n';
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- tag += ' </li>\n';
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- tag += ' </ul>\n';
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- // if (cate1.bannerList.length > 0) {
|
|
|
|
|
- // tag += ' <div class="head_banner">\n';
|
|
|
|
|
- // tag += ' <div class="tit">\n';
|
|
|
|
|
- // tag += ' <p>가을의 신상 만나기</p>\n';
|
|
|
|
|
- // tag += ' </div>\n';
|
|
|
|
|
- // tag += ' <div class="list">\n';
|
|
|
|
|
- // tag += ' <ul class="clear event_con">\n';
|
|
|
|
|
- // tag += ' <li>\n';
|
|
|
|
|
- // tag += ' <a href="">\n';
|
|
|
|
|
- // tag += ' <div class="ev_img"><img src="/images/pc/thumb/ev_list_img01.jpg" alt="ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션"></div>\n';
|
|
|
|
|
- // tag += ' <div class="txt">\n';
|
|
|
|
|
- // tag += ' <p class="tit">2020 FALL COLLECTION 가을에는 이 컬러 2020 FALL COLLECTION 가을에는 이 컬러</p>\n';
|
|
|
|
|
- // tag += ' </div>\n';
|
|
|
|
|
- // tag += ' </a>\n';
|
|
|
|
|
- // tag += ' </li>\n';
|
|
|
|
|
- // tag += ' <li>\n';
|
|
|
|
|
- // tag += ' <a href="">\n';
|
|
|
|
|
- // tag += ' <div class="ev_img"><img src="/images/pc/thumb/ev_list_img02.jpg" alt="단 48시간, 퓨어캐시미어 최대 80%세일 PURE CASHMERE 48H POP-UP"></div>\n';
|
|
|
|
|
- // tag += ' <div class="txt">\n';
|
|
|
|
|
- // tag += ' <p class="tit">FALL NEW ARRIVAL</p>\n';
|
|
|
|
|
- // tag += ' </div>\n';
|
|
|
|
|
- // tag += ' </a>\n';
|
|
|
|
|
- // tag += ' </li>\n';
|
|
|
|
|
- // tag += ' </ul>\n';
|
|
|
|
|
- // tag += ' </div>\n';
|
|
|
|
|
- // tag += ' </div>\n';
|
|
|
|
|
- // }
|
|
|
|
|
-
|
|
|
|
|
- tag += '</li>\n';
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ // if (cate1.bannerList.length > 0) {
|
|
|
|
|
+ // tag += ' <div class="head_banner">\n';
|
|
|
|
|
+ // tag += ' <div class="tit">\n';
|
|
|
|
|
+ // tag += ' <p>가을의 신상 만나기</p>\n';
|
|
|
|
|
+ // tag += ' </div>\n';
|
|
|
|
|
+ // tag += ' <div class="list">\n';
|
|
|
|
|
+ // tag += ' <ul class="clear event_con">\n';
|
|
|
|
|
+ // tag += ' <li>\n';
|
|
|
|
|
+ // tag += ' <a href="">\n';
|
|
|
|
|
+ // tag += ' <div class="ev_img"><img src="/images/pc/thumb/ev_list_img01.jpg" alt="ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션"></div>\n';
|
|
|
|
|
+ // tag += ' <div class="txt">\n';
|
|
|
|
|
+ // tag += ' <p class="tit">2020 FALL COLLECTION 가을에는 이 컬러 2020 FALL COLLECTION 가을에는 이 컬러</p>\n';
|
|
|
|
|
+ // tag += ' </div>\n';
|
|
|
|
|
+ // tag += ' </a>\n';
|
|
|
|
|
+ // tag += ' </li>\n';
|
|
|
|
|
+ // tag += ' <li>\n';
|
|
|
|
|
+ // tag += ' <a href="">\n';
|
|
|
|
|
+ // tag += ' <div class="ev_img"><img src="/images/pc/thumb/ev_list_img02.jpg" alt="단 48시간, 퓨어캐시미어 최대 80%세일 PURE CASHMERE 48H POP-UP"></div>\n';
|
|
|
|
|
+ // tag += ' <div class="txt">\n';
|
|
|
|
|
+ // tag += ' <p class="tit">FALL NEW ARRIVAL</p>\n';
|
|
|
|
|
+ // tag += ' </div>\n';
|
|
|
|
|
+ // tag += ' </a>\n';
|
|
|
|
|
+ // tag += ' </li>\n';
|
|
|
|
|
+ // tag += ' </ul>\n';
|
|
|
|
|
+ // tag += ' </div>\n';
|
|
|
|
|
+ // tag += ' </div>\n';
|
|
|
|
|
+ // }
|
|
|
|
|
+ tag += '</li>\n';
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
return tag;
|
|
return tag;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// GNB탭 생성
|
|
// GNB탭 생성
|
|
|
- let fnCreateGnbTap = function() {
|
|
|
|
|
- $.getJSON('/display/gnb/tap/list'
|
|
|
|
|
|
|
+ let fnCreateGnbTab = function() {
|
|
|
|
|
+ $.getJSON('/display/gnb/tab/list'
|
|
|
, function(result, status) {
|
|
, function(result, status) {
|
|
|
if (status == 'success') {
|
|
if (status == 'success') {
|
|
|
if (result.length > 0) {
|
|
if (result.length > 0) {
|
|
|
$('#divGnbTab').html('');
|
|
$('#divGnbTab').html('');
|
|
|
$('#ulGnbTab').html('');
|
|
$('#ulGnbTab').html('');
|
|
|
-
|
|
|
|
|
$.each(result, function(idx, item) {
|
|
$.each(result, function(idx, item) {
|
|
|
|
|
+ console.log(item);
|
|
|
|
|
+
|
|
|
if (item.contentsType == 'C' || item.contentsType == 'O') { // 컨텐츠유형:카테고리, 아울렛
|
|
if (item.contentsType == 'C' || item.contentsType == 'O') { // 컨텐츠유형:카테고리, 아울렛
|
|
|
- let gnbCate = fnGetGnbCategory(item.cateList);
|
|
|
|
|
- $('#divGnbTab').append(gnbCate);
|
|
|
|
|
- $('#ulGnbTab').append(gnbCate);
|
|
|
|
|
|
|
+ $.each(allCate, function(allCateIdx, allCateItem) {
|
|
|
|
|
+ if (item.cate1No == allCateItem.cate1No) {
|
|
|
|
|
+ let gnbCate = fnGetGnbCategory(allCateItem);
|
|
|
|
|
+ $('#divGnbTab').append(gnbCate);
|
|
|
|
|
+ $('#ulGnbTab').append(gnbCate);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
} else if (item.contentsType == 'L') { // 컨텐츠유형:링크
|
|
} else if (item.contentsType == 'L') { // 컨텐츠유형:링크
|
|
|
- $('#divGnbTab').append('<li><a href="' + item.linkUrl + '">' + item.title + '</a></li>');
|
|
|
|
|
- $('#ulGnbTab').append('<li><a href="' + item.linkUrl + '">' + item.title + '</a></li>');
|
|
|
|
|
|
|
+ $('#divGnbTab').append('<li><a href="' + item.linkUrl + '">' + item.gtabNm + '</a></li>');
|
|
|
|
|
+ $('#ulGnbTab').append('<li><a href="' + item.linkUrl + '">' + item.gtabNm + '</a></li>');
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
@@ -291,7 +294,6 @@
|
|
|
$('#divGnbBrandGrp').html('');
|
|
$('#divGnbBrandGrp').html('');
|
|
|
let tag = '';
|
|
let tag = '';
|
|
|
let prevTitle = '';
|
|
let prevTitle = '';
|
|
|
-
|
|
|
|
|
$.each(result, function (idx, item) {
|
|
$.each(result, function (idx, item) {
|
|
|
if (prevTitle != item.title) {
|
|
if (prevTitle != item.title) {
|
|
|
if (idx > 0) {
|
|
if (idx > 0) {
|
|
@@ -299,7 +301,6 @@
|
|
|
tag += ' </div>\n';
|
|
tag += ' </div>\n';
|
|
|
tag += '</div>\n';
|
|
tag += '</div>\n';
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
tag += '<div class="row">\n';
|
|
tag += '<div class="row">\n';
|
|
|
tag += ' <p>' + item.title + '</p>\n';
|
|
tag += ' <p>' + item.title + '</p>\n';
|
|
|
tag += ' <div class="brand_list swiper-container">\n';
|
|
tag += ' <div class="brand_list swiper-container">\n';
|
|
@@ -312,18 +313,14 @@
|
|
|
tag += ' </a>\n';
|
|
tag += ' </a>\n';
|
|
|
tag += ' </li>\n';
|
|
tag += ' </li>\n';
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
prevTitle = item.title;
|
|
prevTitle = item.title;
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
tag += ' </ul>\n';
|
|
tag += ' </ul>\n';
|
|
|
tag += ' </div>\n';
|
|
tag += ' </div>\n';
|
|
|
tag += '</div>\n';
|
|
tag += '</div>\n';
|
|
|
-
|
|
|
|
|
$('#divGnbBrandGrp').html(tag);
|
|
$('#divGnbBrandGrp').html(tag);
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- fnCreateGnbTap();
|
|
|
|
|
|
|
+ fnCreateGnbTab();
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
@@ -393,7 +390,8 @@
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
- fnCreateGnbBrandGroup();
|
|
|
|
|
|
|
+ // 전체 카테고리 조회
|
|
|
|
|
+ fnGetAllCategory();
|
|
|
});
|
|
});
|
|
|
/*]]>*/
|
|
/*]]>*/
|
|
|
</script>
|
|
</script>
|