|
|
@@ -18,8 +18,6 @@
|
|
|
-->
|
|
|
<body>
|
|
|
|
|
|
-<link rel="stylesheet" href="/ux/mo/css/layout_m.css">
|
|
|
-
|
|
|
<th:block layout:fragment="content">
|
|
|
<main role="" id="" class="container br">
|
|
|
<section class="content br_main">
|
|
|
@@ -396,232 +394,234 @@
|
|
|
</th:block>
|
|
|
</section>
|
|
|
</main>
|
|
|
- <!-- 픽커모달 -->
|
|
|
- <div class="modal fade" id="reco_pop" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
|
-
|
|
|
- <a href="#close-modal" rel="modal:close" class="close-modal ">Close</a>
|
|
|
- </div>
|
|
|
- <!-- //픽커모달 -->
|
|
|
- <script th:inline="javascript">
|
|
|
- var goodsImgUrl = [[${@environment.getProperty('upload.goods.view')}]];
|
|
|
-
|
|
|
- // 픽커모달
|
|
|
- var fnGoodsPopup = function(obj1,obj2,obj3,obj4,obj5,obj6,obj7){
|
|
|
- $("#reco_pop .modal-dialog").remove();
|
|
|
- var tag = '';
|
|
|
-
|
|
|
- tag += '<div class="modal-dialog" role="document">\n';
|
|
|
- tag += ' <div class="modal-content">\n';
|
|
|
- tag += ' <div class="modal-header">\n';
|
|
|
- tag += ' <h5 class="modal-title"><span class="sr_only">제품정보</span></h5>\n';
|
|
|
- tag += ' </div>\n';
|
|
|
- tag += ' <div class="modal-body">\n';
|
|
|
- tag += ' <div class="itemsGrp rowtype">\n';
|
|
|
- tag += ' <div class="item_prod">\n';
|
|
|
- tag += ' <div class="item_state">\n';
|
|
|
- tag += ' <a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+obj7+'\',\'\',\'\')">\n';
|
|
|
- tag += ' <div class="itemPic">\n';
|
|
|
- tag += ' <img class="vLHTC pd_img" src="'+goodsImgUrl+'/'+obj1+'?RS=260" alt="">\n';
|
|
|
- tag += ' </div>\n';
|
|
|
- tag += ' <p class="itemBrand">'+obj2+'</p>\n';
|
|
|
- tag += ' <div class="itemName">'+obj3+'</div>\n';
|
|
|
- tag += ' <p class="itemPrice">'+obj5.addComma()+'</p>\n';
|
|
|
- tag += ' </a>\n';
|
|
|
- tag += ' </div>\n';
|
|
|
- tag += ' </div>\n';
|
|
|
- tag += ' </div>\n';
|
|
|
- tag += ' </div>\n';
|
|
|
- tag += ' </div>\n';
|
|
|
- tag += '</div>\n';
|
|
|
-
|
|
|
- $("#reco_pop").append(tag);
|
|
|
- $('#reco_pop').modal("show");
|
|
|
- }
|
|
|
-
|
|
|
- $(document).ready(function () {
|
|
|
- $(document).on('click','.item_picker',function(e){
|
|
|
- //$("#reco_pop").modal("show");
|
|
|
- $("body").addClass("recoPop");
|
|
|
- return false;
|
|
|
- });
|
|
|
- $(document).on('click','#reco_pop .close-modal',function(e){
|
|
|
- $("body").removeClass("recoPop");
|
|
|
- return false;
|
|
|
- });
|
|
|
-
|
|
|
- var spc = $('.swiper-pagination-current');
|
|
|
- var spt = $('.swiper-pagination-total');
|
|
|
- setInterval(function(){
|
|
|
- for(var i=0; i<spc.length; i++){
|
|
|
- if(spc[i].innerText.length < 2){
|
|
|
- var itNum = spc[i].innerText.toString();
|
|
|
- spc[i].innerText = 0+itNum;
|
|
|
- }
|
|
|
- }
|
|
|
- for(var i=0; i<spt.length; i++){
|
|
|
- if(spt[i].innerText.length < 2){
|
|
|
- var itNum2 = spt[i].innerText.toString();
|
|
|
- spt[i].innerText = 0+itNum2;
|
|
|
- }
|
|
|
- }
|
|
|
- }, 10);
|
|
|
|
|
|
-
|
|
|
- var clNum = 0;
|
|
|
- $(document).on('click', '.br .pnb_mo > button',function(e){
|
|
|
- if(clNum === 0){
|
|
|
- $('.br .pnb_mo > button').css("background", "url(/images/mo/ico_btn_narrow.png) center top/1.8rem 2.0rem no-repeat");
|
|
|
- clNum = 1;
|
|
|
- } else {
|
|
|
- $('.br .pnb_mo > button').css("background", "url(/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat");
|
|
|
- clNum = 0;
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
- // 서브비주얼 슬라이드
|
|
|
- var myArray = ["01", "02", "03"];
|
|
|
- var submainVisualSwiper = new Swiper('.swiper-container.submain_visual', {
|
|
|
- //210414_자동롤링 추가
|
|
|
- autoplay : {
|
|
|
- delay : 3000, // 시간 설정
|
|
|
- },
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- type: 'fraction',
|
|
|
- //renderCustom: function (swiper, current, total) {
|
|
|
- // return current + ' of ' + total;
|
|
|
- //}
|
|
|
- }
|
|
|
+<!-- 픽커모달 -->
|
|
|
+<div class="modal fade" id="reco_pop" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
|
+
|
|
|
+ <a href="#close-modal" rel="modal:close" class="close-modal ">Close</a>
|
|
|
+</div>
|
|
|
+<!-- //픽커모달 -->
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+ var goodsImgUrl = [[${@environment.getProperty('upload.goods.view')}]];
|
|
|
+
|
|
|
+ // 픽커모달
|
|
|
+ var fnGoodsPopup = function(obj1,obj2,obj3,obj4,obj5,obj6,obj7){
|
|
|
+ $("#reco_pop .modal-dialog").remove();
|
|
|
+ var tag = '';
|
|
|
+
|
|
|
+ tag += '<div class="modal-dialog" role="document">\n';
|
|
|
+ tag += ' <div class="modal-content">\n';
|
|
|
+ tag += ' <div class="modal-header">\n';
|
|
|
+ tag += ' <h5 class="modal-title"><span class="sr_only">제품정보</span></h5>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' <div class="modal-body">\n';
|
|
|
+ tag += ' <div class="itemsGrp rowtype">\n';
|
|
|
+ tag += ' <div class="item_prod">\n';
|
|
|
+ tag += ' <div class="item_state">\n';
|
|
|
+ tag += ' <a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+obj7+'\',\'\',\'\')">\n';
|
|
|
+ tag += ' <div class="itemPic">\n';
|
|
|
+ tag += ' <img class="vLHTC pd_img" src="'+goodsImgUrl+'/'+obj1+'?RS=260" alt="">\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' <p class="itemBrand">'+obj2+'</p>\n';
|
|
|
+ tag += ' <div class="itemName">'+obj3+'</div>\n';
|
|
|
+ tag += ' <p class="itemPrice">'+obj5.addComma()+'</p>\n';
|
|
|
+ tag += ' </a>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += ' </div>\n';
|
|
|
+ tag += '</div>\n';
|
|
|
+
|
|
|
+ $("#reco_pop").append(tag);
|
|
|
+ $('#reco_pop').modal("show");
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready(function () {
|
|
|
+ $(document).on('click','.item_picker',function(e){
|
|
|
+ //$("#reco_pop").modal("show");
|
|
|
+ $("body").addClass("recoPop");
|
|
|
+ return false;
|
|
|
});
|
|
|
-
|
|
|
- // 이미지배너 슬라이드
|
|
|
- var imgBannerSwiper = new Swiper('.swiper-container.br_second_slide', {
|
|
|
- //210414_자동롤링 추가
|
|
|
- autoplay : {
|
|
|
- delay : 3000, // 시간 설정
|
|
|
- },
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- },
|
|
|
- });
|
|
|
-
|
|
|
- // 뉴아이템 슬라이드
|
|
|
- var newItemSwiper = new Swiper('.new_item .area_slider .swiper-container', {
|
|
|
- slidesPerView: 1,
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- },
|
|
|
- });
|
|
|
-
|
|
|
- // 베스트아이템 슬라이드
|
|
|
- var bestItemSwiper = new Swiper('.best_item .area_slider .swiper-container', {
|
|
|
- slidesPerView: 2,
|
|
|
- spaceBetween: 8,
|
|
|
- });
|
|
|
-
|
|
|
- // 엠디픽 슬라이드
|
|
|
- var mdItemSwiper = new Swiper('.md_item .area_slider .swiper-container', {
|
|
|
- slidesPerView: 2,
|
|
|
- spaceBetween: 8,
|
|
|
- });
|
|
|
-
|
|
|
- // 스페셜샵 슬라이드
|
|
|
- var specialShopSwiper = new Swiper('.special_shop .area_slider .swiper-container', {
|
|
|
- slidesPerView: 1,
|
|
|
- spaceBetween: 10,
|
|
|
+ $(document).on('click','#reco_pop .close-modal',function(e){
|
|
|
+ $("body").removeClass("recoPop");
|
|
|
+ return false;
|
|
|
});
|
|
|
|
|
|
- // 룩북 슬라이드
|
|
|
- var rcmdPicimgSwiper = new Swiper('.recommendedArea .area_slider .swiper-container', {
|
|
|
- slidesPerView: 1,
|
|
|
- spaceBetween: 0,
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- type: 'fraction',
|
|
|
- },
|
|
|
- });
|
|
|
+ var spc = $('.swiper-pagination-current');
|
|
|
+ var spt = $('.swiper-pagination-total');
|
|
|
+ setInterval(function(){
|
|
|
+ for(var i=0; i<spc.length; i++){
|
|
|
+ if(spc[i].innerText.length < 2){
|
|
|
+ var itNum = spc[i].innerText.toString();
|
|
|
+ spc[i].innerText = 0+itNum;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for(var i=0; i<spt.length; i++){
|
|
|
+ if(spt[i].innerText.length < 2){
|
|
|
+ var itNum2 = spt[i].innerText.toString();
|
|
|
+ spt[i].innerText = 0+itNum2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, 10);
|
|
|
|
|
|
- // 유튜브 슬라이드
|
|
|
- var swiperYoutu = new Swiper('.swiper-container.br_youtube_slide', {
|
|
|
- pagination: {
|
|
|
- el: '.swiper-pagination',
|
|
|
- },
|
|
|
- });
|
|
|
|
|
|
- // 브랜드메인 배너 <br> 처리
|
|
|
- $('.bMainTitle').each(function (){
|
|
|
- let tag = '';
|
|
|
- if(!gagajf.isNull($(this).find("input[name=mainTitle]").val())){
|
|
|
- var brText = $(this).find("input[name=mainTitle]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>").replaceAll("<br/>", "<br>");
|
|
|
- if(brText.indexOf('<br>') > -1){
|
|
|
- var reText = brText.split("<br>");
|
|
|
- tag += reText[0];
|
|
|
- tag += '<br>';
|
|
|
- tag += reText[1];
|
|
|
- }else{
|
|
|
- tag += brText;
|
|
|
- }
|
|
|
- $(this).append(tag);
|
|
|
+ var clNum = 0;
|
|
|
+ $(document).on('click', '.br .pnb_mo > button',function(e){
|
|
|
+ if(clNum === 0){
|
|
|
+ $('.br .pnb_mo > button').css("background", "url(/images/mo/ico_btn_narrow.png) center top/1.8rem 2.0rem no-repeat");
|
|
|
+ clNum = 1;
|
|
|
+ } else {
|
|
|
+ $('.br .pnb_mo > button').css("background", "url(/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat");
|
|
|
+ clNum = 0;
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
- // 브랜드소개 <br> 처리
|
|
|
- if(!gagajf.isNull($("#brandDesc").find("input[name=brandTitle]").val())){
|
|
|
- var brandDesc = $("#brandDesc").find("input[name=brandTitle]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>");
|
|
|
- if(!gagajf.isNull(brandDesc)){
|
|
|
- if(brandDesc.indexOf('<br>') > -1){
|
|
|
- let tag = '';
|
|
|
- var reText = brandDesc.split("<br>");
|
|
|
- tag += reText[0];
|
|
|
- tag += '<br>';
|
|
|
- tag += reText[1];
|
|
|
- $("#brandDesc .cate").append(tag);
|
|
|
- }else{
|
|
|
- let tag = '';
|
|
|
- tag += brandDesc;
|
|
|
- $("#brandDesc .cate").append(tag);
|
|
|
- }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 서브비주얼 슬라이드
|
|
|
+ var myArray = ["01", "02", "03"];
|
|
|
+ var submainVisualSwiper = new Swiper('.swiper-container.submain_visual', {
|
|
|
+ //210414_자동롤링 추가
|
|
|
+ autoplay : {
|
|
|
+ delay : 3000, // 시간 설정
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ //renderCustom: function (swiper, current, total) {
|
|
|
+ // return current + ' of ' + total;
|
|
|
+ //}
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 이미지배너 슬라이드
|
|
|
+ var imgBannerSwiper = new Swiper('.swiper-container.br_second_slide', {
|
|
|
+ //210414_자동롤링 추가
|
|
|
+ autoplay : {
|
|
|
+ delay : 3000, // 시간 설정
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ // 뉴아이템 슬라이드
|
|
|
+ var newItemSwiper = new Swiper('.new_item .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ // 베스트아이템 슬라이드
|
|
|
+ var bestItemSwiper = new Swiper('.best_item .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 2,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ // 엠디픽 슬라이드
|
|
|
+ var mdItemSwiper = new Swiper('.md_item .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 2,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ // 스페셜샵 슬라이드
|
|
|
+ var specialShopSwiper = new Swiper('.special_shop .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 10,
|
|
|
+ });
|
|
|
+
|
|
|
+ // 룩북 슬라이드
|
|
|
+ var rcmdPicimgSwiper = new Swiper('.recommendedArea .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 0,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ // 유튜브 슬라이드
|
|
|
+ var swiperYoutu = new Swiper('.swiper-container.br_youtube_slide', {
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ // 브랜드메인 배너 <br> 처리
|
|
|
+ $('.bMainTitle').each(function (){
|
|
|
+ let tag = '';
|
|
|
+ if(!gagajf.isNull($(this).find("input[name=mainTitle]").val())){
|
|
|
+ var brText = $(this).find("input[name=mainTitle]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>").replaceAll("<br/>", "<br>");
|
|
|
+ if(brText.indexOf('<br>') > -1){
|
|
|
+ var reText = brText.split("<br>");
|
|
|
+ tag += reText[0];
|
|
|
+ tag += '<br>';
|
|
|
+ tag += reText[1];
|
|
|
+ }else{
|
|
|
+ tag += brText;
|
|
|
}
|
|
|
+ $(this).append(tag);
|
|
|
}
|
|
|
-
|
|
|
- if(!gagajf.isNull($("#brandDesc").find("input[name=brandNote]").val())){
|
|
|
- var brandDesc = $("#brandDesc").find("input[name=brandNote]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>");
|
|
|
- if(!gagajf.isNull(brandDesc)){
|
|
|
- if(brandDesc.indexOf('<br>') > -1){
|
|
|
- let tag = '';
|
|
|
- var reText = brandDesc.split("<br>");
|
|
|
- tag += reText[0];
|
|
|
- tag += '<br>';
|
|
|
- tag += reText[1];
|
|
|
- $("#brandDesc .desc").append(tag);
|
|
|
- }else{
|
|
|
- let tag = '';
|
|
|
- tag += brandDesc;
|
|
|
- $("#brandDesc .desc").append(tag);
|
|
|
- }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 브랜드소개 <br> 처리
|
|
|
+ if(!gagajf.isNull($("#brandDesc").find("input[name=brandTitle]").val())){
|
|
|
+ var brandDesc = $("#brandDesc").find("input[name=brandTitle]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>");
|
|
|
+ if(!gagajf.isNull(brandDesc)){
|
|
|
+ if(brandDesc.indexOf('<br>') > -1){
|
|
|
+ let tag = '';
|
|
|
+ var reText = brandDesc.split("<br>");
|
|
|
+ tag += reText[0];
|
|
|
+ tag += '<br>';
|
|
|
+ tag += reText[1];
|
|
|
+ $("#brandDesc .cate").append(tag);
|
|
|
+ }else{
|
|
|
+ let tag = '';
|
|
|
+ tag += brandDesc;
|
|
|
+ $("#brandDesc .cate").append(tag);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- // 배너 슬라이더 <br> 처리
|
|
|
- $('.bText').each(function (){
|
|
|
- let tag = '';
|
|
|
- if(!gagajf.isNull($(this).find("input[name=bannerDesc]").val())){
|
|
|
- var brText = $(this).find("input[name=bannerDesc]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>").replaceAll("<br/>", "<br>");
|
|
|
- if(brText.indexOf('<br>') > -1){
|
|
|
- var reText = brText.split("<br>");
|
|
|
- tag += reText[0];
|
|
|
- tag += '</p>';
|
|
|
- tag += '<p>';
|
|
|
- tag += reText[1];
|
|
|
- tag += '</p>';
|
|
|
- }else{
|
|
|
- tag += brText;
|
|
|
- }
|
|
|
- $(this).append(tag);
|
|
|
+ }
|
|
|
+
|
|
|
+ if(!gagajf.isNull($("#brandDesc").find("input[name=brandNote]").val())){
|
|
|
+ var brandDesc = $("#brandDesc").find("input[name=brandNote]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>");
|
|
|
+ if(!gagajf.isNull(brandDesc)){
|
|
|
+ if(brandDesc.indexOf('<br>') > -1){
|
|
|
+ let tag = '';
|
|
|
+ var reText = brandDesc.split("<br>");
|
|
|
+ tag += reText[0];
|
|
|
+ tag += '<br>';
|
|
|
+ tag += reText[1];
|
|
|
+ $("#brandDesc .desc").append(tag);
|
|
|
+ }else{
|
|
|
+ let tag = '';
|
|
|
+ tag += brandDesc;
|
|
|
+ $("#brandDesc .desc").append(tag);
|
|
|
}
|
|
|
- });
|
|
|
- </script>
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 배너 슬라이더 <br> 처리
|
|
|
+ $('.bText').each(function (){
|
|
|
+ let tag = '';
|
|
|
+ if(!gagajf.isNull($(this).find("input[name=bannerDesc]").val())){
|
|
|
+ var brText = $(this).find("input[name=bannerDesc]").val().replaceAll("<BR>", "<br>").replaceAll("<bR>", "<br>").replaceAll("<Br>", "<br>").replaceAll("<br/>", "<br>");
|
|
|
+ if(brText.indexOf('<br>') > -1){
|
|
|
+ var reText = brText.split("<br>");
|
|
|
+ tag += reText[0];
|
|
|
+ tag += '</p>';
|
|
|
+ tag += '<p>';
|
|
|
+ tag += reText[1];
|
|
|
+ tag += '</p>';
|
|
|
+ }else{
|
|
|
+ tag += brText;
|
|
|
+ }
|
|
|
+ $(this).append(tag);
|
|
|
+ }
|
|
|
+ });
|
|
|
+</script>
|
|
|
|
|
|
</th:block>
|
|
|
|
gagamel