const appServerURL = "//apps.hyapps.com/"; var MorenvyBanner_AreaData = {"7987":{"id":"7987","name":"\uba54\uc77806 : \ubd84\ud560 \ubc30\ub108","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678687268764":{"id":"1678687268764","name":"\ubd84\ud560\ubc30\ub10801","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"
\n\t\ud749\ud130 \uac71\uc815 \uace0\ubbfc \ub05d\uc5d0\ub294\n\t\ub2e5\ud130\ub354\ub9c8 \uac94\n<\/div>\n
\n\t\uc5b4\ub5a0\ud55c \ucca8\uac00\ubb3c\ub3c4 \uc5c6\ub294 \uc21c\ub3c4 100% \uc2e4\ub9ac\ucf58 \uac94\n\t\uc810\uc131\uc774 \ub192\uc544 \uc624\ub798 \uc9c0\uc18d\ub418\ub294 \ud749\ud130 \uc5f0\uace0\n<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/db9ba52fd92eecd4f30faa9f4dfa7d45.png","type":2},{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240504\/6e15f4bf1a2f488e6a005a36b82f6063.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1678687277551":{"id":"1678687277551","name":"\ubd84\ud560\ubc30\ub10802","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"
\n\t\uafb8\uc900\ud55c \uad00\ub9ac\ub85c \ub2ec\ub77c\uc9c0\ub294\n\t\ubcc0\ud654\ub97c \ub290\uaef4\ubcf4\uc138\uc694\n<\/div>\n
\n\t\uc624\ud508 \uae30\ub150 \ud2b9\ubcc4 \uc774\ubca4\ud2b8\n\t\ubca0\uc2a4\ud2b8 \ud6c4\uae30 \uc0c1\ud488\uad8c \uc99d\uc815\n<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240529\/3b54fd05d68e2513d3dd7410ba1a1d8a.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1}},"index":2},"d382":{"id":"d382","name":"\uba54\uc77801 : \uba54\uc778 \ube44\uc8fc\uc5bc","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678686920094":{"id":"1678686920094","name":"\uba54\uc778\ube44\uc8fc\uc5bc01","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 14:00:00","displayEndTime":"2023-03-13 14:00:00","html":"
\ud504\ub85c\ubaa8\uc158<\/div>\t\t\n
\n\t\uc5b4\ub51c \uac00\ub4e0 \uc2e0\uacbd \uc4f0\uc600\ub358 \ud749\ud130\n\t\uc774\uc820 \uc548-\ub155!\n<\/div>\n
\n\t\uc6b0\ub9ac\ub294 \ub204\uad6c\ub098 \uc88b\uc740 \uc81c\ud488\uc744 \uc815\uc9c1\ud55c \uac00\uaca9\uc5d0\n\t\ub204\ub9b4 \uc218 \uc788\uc5b4\uc57c \ud55c\ub2e4\uace0 \ubbff\uc2b5\ub2c8\ub2e4.\n<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/f133c06250ec384801003fc5450217c3.png","type":2},{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/98bd430f9e74febc9d4a57b97245bf9a.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1678686942087":{"id":"1678686942087","name":"\uba54\uc778\ube44\uc8fc\uc5bc02","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 14:00:00","displayEndTime":"2023-03-13 14:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240716\/917578059a7814e84fc3d9b179ce2df3.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1},"1678686956778":{"id":"1678686956778","name":"\uba54\uc778\ube44\uc8fc\uc5bc03","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 14:00:00","displayEndTime":"2023-03-13 14:00:00","html":"
\ube0c\ub79c\ub4dc \uc18c\uc2dd<\/div>\t\t\n
\n\t\ub2e5\ud130\ub354\ub9c8\uac94\n \uacf5\uc2dd \uc778\uc99d \ud310\ub9e4\ucc98\n<\/div>\n
\n\t\ud749\ud130\ub97c \uc704\ud55c \ub098\uc758 \uc120\ud0dd,\n\t\ub2e5\ud130\ub354\ub9c8\uac94\n<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/ae75b39a83fcf6135b5655ee86bc0a47.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":2}},"index":0},"ab9b":{"id":"ab9b","name":"\uba54\uc77803 : \uac00\ub85c \ubc30\ub108","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678687221905":{"id":"1678687221905","name":"\uac00\ub85c\ubc30\ub10801","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"
\n\t\ucf08\ub85c\uc774\ub4dc \ud749\ud130\uc5d0\ub3c4 \uc5ed\uc2dc!\n\t\ub2e5\ud130\ub354\ub9c8\uac94\uacfc \ud568\uaed8\ud574\uc694\n<\/div>\n
\uad6c\ub9e4\uc790 \ub9cc\uc871\ub3c4 100%! \uae68\ub057\ud55c \ud68c\ubcf5\uc744 \ub3c4\uc640\uc918\uc694<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/61b6ab4f74f874bf153ae49d955b6830.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1678687235421":{"id":"1678687235421","name":"\uac00\ub85c\ubc30\ub10802","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"
\n\t\uc5b4\uc81c\ubcf4\ub2e4 \ub098\uc740 \uc624\ub298, \n\t\ub2e5\ud130\ub354\ub9c8\uc640 \ud568\uaed8\n<\/div>\n
\uc9c0\uc6cc\uc9c0\uc9c0 \uc54a\ub358 \ud749\ud130\uace0\ubbfc, \uc774\uc81c \uadf8\ub9cc!<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/85a5e5b281a137115270f20e4e67e96b.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1},"1678687244077":{"id":"1678687244077","name":"\uac00\ub85c\ubc30\ub10803","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"
\n\t\uc720\uc628\uba54\ub514\uce7c\uacfc \ud568\uaed8\n\t\ub354 \ub098\uc740 \uc138\uc0c1\uc744 \ub9cc\ub4e4\uc5b4\uac00\uc694\n<\/div>\n
\uc720\uc628\uba54\ub514\uce7c\uc740 \ud310\ub9e4\uc561\uc758 \uc77c\ubd80\ub97c \ud654\uc0c1\uc7ac\ub2e8\uc5d0 \uae30\ubd80\ud569\ub2c8\ub2e4.<\/div>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/6c275aa95fc4cc85485d785601d5d7b8.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":2}},"index":1},"654c":{"id":"654c","name":"\uba54\uc77807 : \uc88c\uce21 \ubc30\ub108","desc":"","displayType":"0","isActive":true,"createDate":"2023-03-13","bannerList":{"1678687299346":{"id":"1678687299346","name":"\uc88c\uce21\ubc30\ub10801","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"
Deep Moisture Hydro Cream<\/div>\n
\n\t
\ud749\ud130 \uace0\ubbfc \uadf8\ub9cc,<\/div>\n\t
\n\t\t\ub2e5\ud130\ub354\ub9c8\ub85c \uad00\ub9ac\ud558\uace0\n\t\t\uc783\uc5b4\ubc84\ub9b0 \uc5b4\uc81c\ub97c \ub418\ucc3e\uc544\ubcf4\uc138\uc694\n\t<\/div>\n<\/div>\n
    \n\t
  • #\ub2e5\ud130\ub354\ub9c8<\/li>\n\t
  • #\uc81c\uc655\uc808\uac1c\ud749\ud130<\/li>\n\t
  • #\uc218\uc220\ud6c4\ud749\ud130<\/li>\n\t
  • #\ucf08\ub85c\uc774\ub4dc\ud749\ud130<\/li>\n\t
  • #\uc5ec\ub4dc\ub984\ud749\ud130<\/li>\n<\/ul>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/d2b1382b15bec62438946a8770a579df.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1678687311400":{"id":"1678687311400","name":"\uc88c\uce21\ubc30\ub10802","isActive":true,"displayType":0,"displayBeginTime":"2023-03-13 15:00:00","displayEndTime":"2023-03-13 15:00:00","html":"
    Oxygen Watery Face Mask<\/div>\n
    \n\t
    \ube0c\ub79c\ub4dc \uc624\ud508 \uae30\ub150<\/div>\n\t
    \n\t\t\ub354 \ub098\uc740 \ud749\ud130 \uad00\ub9ac\ub97c \uc704\ud55c \uba54\ub514\ud3fc H \uc0ac\uc740\ud488 \uc99d\uc815\n\t\t\uace0\uac1d\ub2d8\uc758 \ud749\ud130 \uace0\ubbfc\uc744 \ub35c\uc5b4\ub4dc\ub9ac\ub3c4\ub85d \ub178\ub825\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n\t<\/div>\n<\/div>\n
      \n\t
    • #\ub2e5\ud130\ub354\ub9c8<\/li>\n\t
    • #\uc81c\uc655\uc808\uac1c\ud749\ud130<\/li>\n\t
    • #\uc218\uc220\ud6c4\ud749\ud130<\/li>\n\t
    • #\ucf08\ub85c\uc774\ub4dc\ud749\ud130<\/li>\n\t
    • #\uc5ec\ub4dc\ub984\ud749\ud130<\/li>\n<\/ul>","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg985b92750919072\/uonmedi\/web\/upload\/NNEditor\/20240524\/6a03e97e58df5c62d6d5950aea393a34.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1}},"index":3},"1316":{"id":"1316","name":"\ucfe0\ud3f0\ubc30\ub108","desc":"\ucfe0\ud3f0\ubc30\ub108","displayType":"0","isActive":true,"createDate":"2024-06-05","bannerList":[],"index":4}}; var LastSaveData = { "lastSaveSkin": "[PC + MO] 닥터오가닉", "lastSaveDate": "2024-07-16 15:38:16" }; // 아이콘 var IconsPC = {"soldout":"https:\/\/img.echosting.cafe24.com\/design\/skin\/admin\/ko_KR\/ico_product_soldout.gif"}; var IconsMobile = {"soldout":"https:\/\/img.echosting.cafe24.com\/design\/skin\/admin\/ko_KR\/ico_product_soldout.gif"}; // 활성된 배너 엘리먼트, 배너 데이터 var activeBannerElem = []; //--------------------------------------------------------------------------------------------------------------------------------- // 배너 관리자 Init_MorenvyBannerManager(); //(function( CAFE24API ) function Init_MorenvyBannerManager() { console.log( "%c----- Banner Manager -----", "color:rgb(20, 85, 249); font-size: 25px;" ); console.log( "최종 수정 스킨 : " + LastSaveData[ "lastSaveSkin" ] ); console.log( "최종 수정 일자 : " + LastSaveData[ "lastSaveDate" ] ); console.log( "https://morenvy.com" ); console.log( "%c--------------------------", "color:rgb(20, 85, 249); font-size: 25px;" ); // 배너영역 클래스 검색 var bannerAreaList = document.getElementsByClassName( "morenvy-banner-area" ); if( null == bannerAreaList ) return; for( var i = 0; i < bannerAreaList.length; ) { // HTML에서 배너영역 ID 가져온다 var bannerArea = bannerAreaList[ i ]; var areaID = bannerArea.getAttribute( "area_id" ); // 배너영역 ID로 데이터 검색 var areaData = MorenvyBanner_AreaData[ areaID ]; if( null == areaData ) { bannerArea.style.display = "none"; ++i; continue; } // 순서대로 출력 var bannerArray = []; if( "0" == areaData.displayType ) { for( var key in areaData.bannerList ) { bannerArray.push( areaData.bannerList[ key ] ); } bannerArray.sort( function( a, b ) { return a.index > b.index ? 1 : -1; } ); } // 랜덤 출력 else if( "1" == areaData.displayType ) { for( var key in areaData.bannerList ) { areaData.bannerList[ key ].random = Math.random(); bannerArray.push( areaData.bannerList[ key ] ); } bannerArray.sort( function( a, b ) { return a.random > b.random ? 1 : -1; } ); } var bannerList = bannerAreaList[ i ].getElementsByClassName( "morenvy-banner" ); if( 0 == bannerList.length ) { bannerArea.style.display = "none"; ++i; continue; } // 설정 수 보다 엘리먼트가 부족할 경우 마지막 엘리먼트 복사 if( bannerList.length < bannerArray.length ) { var copyTarget = bannerList[ bannerList.length - 1 ]; var loopCount = bannerArray.length - bannerList.length; for( var j = 0; j < loopCount; ++j ) { var copyElem = copyTarget.cloneNode( true ); //bannerAreaList[ i ].append( copyElem ); copyTarget.parentElement.append( copyElem ); } } var showIndex = 0; for( var j = 0; j < bannerList.length; ) { var bannerData = j >= bannerArray.length ? null : bannerArray[ j ]; // 배너 데이터 없음 if( null == bannerData ) { bannerList[ j ].remove(); bannerArray.splice( j, 1 ); continue; } // 활성 중? if( false == bannerData.isActive ) { bannerList[ j ].remove(); bannerArray.splice( j, 1 ); continue; } // 기간 노출 if( 1 == bannerData.displayType ) { var beginDate = new Date( bannerData.displayBeginTime.replace( /-/g, "/" ) ); var endDate = new Date( bannerData.displayEndTime.replace( /-/g, "/" ) ); var curTime = new Date(); if( beginDate > curTime || endDate < curTime ) { bannerList[ j ].remove(); bannerArray.splice( j, 1 ); continue; } } var html = bannerList[ j ].innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); html = html.replace( /{#areaName}/gi, areaData.name ); html = html.replace( /{#areaDesc}/gi, areaData.desc ); html = html.replace( /{#areaDisplayType}/gi, areaData.displayType ); html = html.replace( /{#num}/gi, ++showIndex ); html = html.replace( /{#title}/gi, bannerData.name ); html = html.replace( /{#displayType}/gi, bannerData.displayType ); html = html.replace( /{#displayBeginTime}/gi, bannerData.displayBeginTime ); html = html.replace( /{#displayEndTime}/gi, bannerData.displayEndTime ); html = html.replace( /{#text_1}/gi, 0 < bannerData.AddOn.length ? bannerData.AddOn[ 0 ] : "" ); html = html.replace( /{#text_2}/gi, 1 < bannerData.AddOn.length ? bannerData.AddOn[ 1 ] : bannerData.AddOn[ bannerData.AddOn.length - 1 ] ); html = html.replace( /{#text_3}/gi, 2 < bannerData.AddOn.length ? bannerData.AddOn[ 2 ] : bannerData.AddOn[ bannerData.AddOn.length - 1 ] ); html = html.replace( /{#link_1}/gi, 0 < bannerData.link.length ? bannerData.link[ 0 ].url : "" ); html = html.replace( /{#link_2}/gi, 1 < bannerData.link.length ? bannerData.link[ 1 ].url : bannerData.link[ bannerData.link.length - 1 ].url ); html = html.replace( /{#link_3}/gi, 2 < bannerData.link.length ? bannerData.link[ 2 ].url : bannerData.link[ bannerData.link.length - 1 ].url ); html = html.replace( /{#target_1}/gi, 0 < bannerData.link.length ? bannerData.link[ 0 ].openType : "" ); html = html.replace( /{#target_2}/gi, 1 < bannerData.link.length ? bannerData.link[ 1 ].openType : bannerData.link[ bannerData.link.length - 1 ].openType ); html = html.replace( /{#target_3}/gi, 2 < bannerData.link.length ? bannerData.link[ 2 ].openType : bannerData.link[ bannerData.link.length - 1 ].openType ); html = html.replace( /{#html}/gi, bannerData.html ); html = html.replace( /{#imgTag_1}/gi, 0 < bannerData.img.length ? "" : "" ); html = html.replace( /{#imgTag_2}/gi, 1 < bannerData.img.length ? "" : "" ); html = html.replace( /{#imgTag_3}/gi, 2 < bannerData.img.length ? "" : "" ); html = html.replace( /{#imgSrc_1}/gi, 0 < bannerData.img.length ? bannerData.img[ 0 ].url : "" ); html = html.replace( /{#imgSrc_2}/gi, 1 < bannerData.img.length ? bannerData.img[ 1 ].url : bannerData.img[ bannerData.img.length - 1 ].url ); html = html.replace( /{#imgSrc_3}/gi, 2 < bannerData.img.length ? bannerData.img[ 2 ].url : bannerData.img[ bannerData.img.length - 1 ].url ); bannerList[ j ].innerHTML = html; activeBannerElem.push( { elem : bannerList[ j ], bannerData : bannerData } ); ++j; } if( 0 == bannerList.length ) bannerArea.style.display = "none"; ++i; bannerArea.classList.add( "init" ); } }/* )( CAFE24API.init( { version: "2022-09-01", client_id: "gSOPn7dNJxAp8cu31kDDtD" } ) );*/ //---------------------------------------------------------------------------------------------------------------------------- // 상품 진열 플러그인 function Init_MorenvyProductDisplay() { // 상품 정보 요청 최대 개수, cafe24에서 최대 100개까지 지원됨. const maxSearchCount = 100; // 상품 정보 요청할 상품 번호 var needToSearchProduct = {}; // 상품 정보 콜백 받은 후 html replace 필요한 엘리먼트들, 해당 엘리먼트 내 상품 번호 var needToReplaceElems = []; // 초기화 필요한 product area var needToInitPrudctArea = []; // replace 필요한 상품 배열 데이터 var needToReplaceArray = {}; // 모바일인지 체크 var isMobile = /Mobi/i.test( window.navigator.userAgent ); // 상품 관련 태그를 상품 번호 태그로 매핑 // ex) {#productName} ----> {#19_Name} function replaceToProductNo( html, tagName, productNo, replace ) { const regExp = new RegExp( `{${"#" + tagName}}`, "gi" ); if( null != productNo ) html = html.replace( regExp, "{#" + productNo + "_" + replace + "}" ); else html = html.replace( regExp, "" ); return html; } // 배열 데이터 태그 replace function replaceToArrayProductNo( html, tagName, productNo, replace ) { var nextIndex = 0; while( true ) { var startIndex = html.indexOf( "{#" + tagName, nextIndex ); if( -1 == startIndex ) break; var endIndex = html.indexOf( "}", startIndex ); if( -1 == endIndex ) break; var arrayIndex = html.slice( startIndex + String( "{#" + tagName ).length + 1, endIndex ); if( null == needToReplaceArray[ productNo ] ) needToReplaceArray[ productNo ] = new Object(); if( null == needToReplaceArray[ productNo ][ replace ] ) needToReplaceArray[ productNo ][ replace ] = new Object(); needToReplaceArray[ productNo ][ replace ][ arrayIndex ] = 0; nextIndex = endIndex + 1; } const regExp = new RegExp( `{${"#" + tagName + "_"}`, "gi" ); if( null != productNo ) html = html.replace( regExp, "{#" + productNo + "_" + replace + "_" ); else html = html.replace( regExp, "" ); return html; } // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace function replaceTag( html, productNo, tag, replace ) { const regExp = new RegExp( `{${"#" + productNo + "_" + tag}}`, "gi" ); html = html.replace( regExp, replace ); return html; } // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace (한개만) function replaceOneTag( html, productNo, tag, replace ) { html = html.replace( "{#" + productNo + "_" + tag + "}", replace ); return html; } // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace function replaceArrayTag( index, html, productNo, tag, replace ) { const regExp = new RegExp( `{${"#" + productNo + "_" + tag + "_" + index}}`, "gi" ); html = html.replace( regExp, replace ); return html; } // 배너관리자에서 활성된 배너 for( var key in activeBannerElem ) { // 활성된 배너 데이터 var bannerData = activeBannerElem[ key ].bannerData; // 상품 진열 데이터 없음 if( null == bannerData.productDisplay || 0 == bannerData.productDisplay.length ) continue; // 상품 진열 영역 var productAreaList = activeBannerElem[ key ].elem.getElementsByClassName( "morenvy-product-area" ); if( null == productAreaList || 0 == productAreaList.length ) continue; for( var i = 0; i < productAreaList.length; ) { var productArea = productAreaList[ i ]; var productList = productArea.getElementsByClassName( "morenvy-product" ); if( null == productList || 0 == productList.length ) { productAreaList[ i ].remove(); continue; } // 설정 수 보다 엘리먼트가 부족할 경우 마지막 엘리먼트 복사 if( productList.length < bannerData.productDisplay.length ) { var copyTarget = productList[ productList.length - 1 ]; var loopCount = bannerData.productDisplay.length - productList.length; for( var j = 0; j < loopCount; ++j ) { var copyElem = copyTarget.cloneNode( true ); productArea.append( copyElem ); } } for( var j = 0; j < productList.length; ) { // 상품 검색 최대 수 도달 if( maxSearchCount <= Object.keys( needToSearchProduct ).length ) break; var productNo = j >= bannerData.productDisplay.length ? null : bannerData.productDisplay[ j ]; // 상품 데이터 없음 if( null == productNo ) { productList[ j ].remove(); bannerData.productDisplay.splice( j, 1 ); continue; } var html = productList[ j ].innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); // 모바일/PC에 따라 아이콘 다름 if( false == isMobile ) { html = html.replace( /{#soldout_icon}/gi, IconsPC[ "soldout" ] ); html = html.replace( /{#soldout_iconTag}/gi, "" ); } else { html = html.replace( /{#soldout_icon}/gi, IconsMobile[ "soldout" ] ); html = html.replace( /{#soldout_iconTag}/gi, "" ); } // 상품 번호 매핑 html = html.replace( /{#productNo}/gi, productNo ); // 상품 태그를 상품 번호 태그로 매핑 html = replaceToProductNo( html, "link", productNo, "Link" ); html = replaceToProductNo( html, "name", productNo, "Name" ); html = replaceToProductNo( html, "nameEn", productNo, "NameEn" ); html = replaceToProductNo( html, "price", productNo, "Price" ); html = replaceToProductNo( html, "retailPrice", productNo, "RetailPrice" ); html = replaceToProductNo( html, "discountPrice", productNo, "DiscountPrice" ); html = replaceToProductNo( html, "imgBig", productNo, "ImgBig" ); html = replaceToProductNo( html, "imgBigTag", productNo, "ImgBigTag" ); html = replaceToProductNo( html, "imgMedium", productNo, "ImgMedium" ); html = replaceToProductNo( html, "imgMediumTag", productNo, "ImgMediumTag" ); html = replaceToProductNo( html, "imgSmall", productNo, "ImgSmall" ); html = replaceToProductNo( html, "imgSmallTag", productNo, "ImgSmallTag" ); html = replaceToProductNo( html, "imgTiny", productNo, "ImgTiny" ); html = replaceToProductNo( html, "imgTinyTag", productNo, "ImgTinyTag" ); html = replaceToProductNo( html, "summaryDesc", productNo, "SummaryDesc" ); html = replaceToProductNo( html, "simpleDesc", productNo, "SimpleDesc" ); html = replaceToProductNo( html, "customCode", productNo, "CustomCode" ); html = replaceToProductNo( html, "modelName", productNo, "ModelName" ); html = replaceToProductNo( html, "brand", productNo, "Brand" ); html = replaceToProductNo( html, "trend", productNo, "Trend" ); html = replaceToProductNo( html, "manu", productNo, "Manu" ); html = replaceToProductNo( html, "opt_discountPrice", productNo, "Opt_DiscountPrice" ); html = replaceToProductNo( html, "coupon_discountPrice", productNo, "Coupon_DiscountPrice" ); html = replaceToProductNo( html, "promotion_period", productNo, "Promotion_Period" ); // addImg / addImgTag 처럼 태그 이름이 확장되는 경우 확장된 놈부터 replace, 에러남 html = replaceToArrayProductNo( html, "addInfo_name", productNo, "AddInfo_Name" ); html = replaceToArrayProductNo( html, "addInfo_value", productNo, "AddInfo_Value" ); html = replaceToArrayProductNo( html, "addImgTag", productNo, "AddImgTag" ); html = replaceToArrayProductNo( html, "addImg", productNo, "AddImg" ); productList[ j ].innerHTML = html; needToSearchProduct[ productNo ] = 0; needToReplaceElems.push( { areaElem : productArea, productNo : productNo, productElem : productList[ j ] } ); ++j; } needToInitPrudctArea.push( productArea ); ++i; } } // 상품 검색 Search(); function applyProductData( products ) { // replace가 먼저 되면 엘리먼트 삭제가 안된다. // 삭제할 엘리먼트만 먼저 찾아서 삭제 for( var key in needToReplaceElems ) { // 상품 엘리먼트 var productElem = needToReplaceElems[ key ].productElem; // 상품 번호 var productNo = needToReplaceElems[ key ].productNo; // 해당 번호의 상품 데이터 없음. 엘리먼트 삭제 var data = products[ productNo ]; if( null == data ) { productElem.remove(); continue; } // 진열중 아니거나 판매중 아니면 엘리먼트 삭제 if( "F" == data.selling || "F" == data.display ) { productElem.remove(); continue; } } // 검색된 상품 정보를 각각의 엘리먼트에 상품 번호로 매핑된 태그를 찾아 replace for( var key in needToReplaceElems ) { // 상품 영역 엘리먼트 var productAreaElem = needToReplaceElems[ key ].areaElem; // 상품 엘리먼트 var productElem = needToReplaceElems[ key ].productElem; // 상품 번호 var productNo = needToReplaceElems[ key ].productNo; var data = products[ productNo ]; if( null == data || "F" == data.selling || "F" == data.display ) continue; // PC/모바일 할인가가 다름 var discount = true == isMobile ? data.discountprice.mobile_discount_price : data.discountprice.pc_discount_price; var html = productAreaElem.innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); html = replaceTag( html, data.product_no, "Link", "/product/detail.html?product_no=" + data.product_no ); html = replaceTag( html, data.product_no, "Name", data.product_name ); html = replaceTag( html, data.product_no, "NameEn", data.eng_product_name ); html = replaceTag( html, data.product_no, "Price", parseInt( data.price ).toLocaleString() ); html = replaceTag( html, data.product_no, "RetailPrice", parseInt( data.retail_price ).toLocaleString() ); html = replaceTag( html, data.product_no, "DiscountPrice", parseInt( discount ).toLocaleString() ); html = replaceTag( html, data.product_no, "ImgBig", data.detail_image ); html = replaceTag( html, data.product_no, "ImgBigTag", "" ); html = replaceTag( html, data.product_no, "ImgMedium", data.list_image ); html = replaceTag( html, data.product_no, "ImgMediumTag", "" ); html = replaceTag( html, data.product_no, "ImgSmall", data.small_image ); html = replaceTag( html, data.product_no, "ImgSmallTag", "" ); html = replaceTag( html, data.product_no, "ImgTiny", data.tiny_image ); html = replaceTag( html, data.product_no, "ImgTinyTag", "" ); html = replaceTag( html, data.product_no, "SummaryDesc", data.summary_description ); html = replaceTag( html, data.product_no, "CustomCode", data.custom_product_code ); html = replaceTag( html, data.product_no, "ModelName", data.model_name ); productAreaElem.innerHTML = html; ++i; } // 상품 영역 초기화 완료 for( var key in needToInitPrudctArea ) { needToInitPrudctArea[ key ].classList.add( "init" ); } } function Search() { // 검색 필요한 상품 없음 if( 0 == Object.keys( needToSearchProduct ).length ) return; var count = 0; // 상품 검색 파라미터 var searchParam = "?embed=discountprice&product_no="; for( var key in needToSearchProduct ) { ++count; if( 1 < count ) searchParam += ","; searchParam += key; } // 상품 검색 개수, cafe24에서 최대 100개까지 지원됨. searchParam += "&limit=" + maxSearchCount; // 상품 검색 요청 CAFE24API.get( "/api/v2/products" + searchParam, function( err, res ) { // 상품 번호를 키로 object 변환 var products = {}; for( var i in res.products ) { products[ res.products[ i ].product_no ] = res.products[ i ]; } applyProductData( products ); var reqDetailCount = 0; var totalReqCount = 0; var totalApplyCount = 0; function reqDetail() { var arrProductNo = Object.keys( needToSearchProduct ); if( 0 == arrProductNo ) return; ++reqDetailCount; ++totalReqCount; var productNo = arrProductNo[ 0 ]; CAFE24API.get( "/api/v2/productsdetail/" + productNo, function( err, res ) { if( null != err ) { setTimeout( function() { reqDetailCount -= 1; reqDetail(); }, 100 ); return; } applyProductDetail( res.productsdetail ); ++totalApplyCount; if( totalApplyCount == totalReqCount ) replaceNaN(); delete needToSearchProduct[ productNo ]; if( 40 <= reqDetailCount ) { setTimeout( function() { reqDetailCount -= 1; reqDetail(); }, 100 ); } else { reqDetail(); } } ); } reqDetail(); function applyProductDetail( data ) { // 상품 진열 영역 var productAreaList = document.getElementsByClassName( "morenvy-product-area" ); if( null == productAreaList || 0 == productAreaList.length ) return; for( var i = 0; i < productAreaList.length; ++i ) { var elem = productAreaList[ i ]; var html = elem.innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); html = replaceTag( html, data.product_no, "SimpleDesc", null == data.simple_description ? "" : data.simple_description ); html = replaceTag( html, data.product_no, "Brand", null == data.brand_name ? "" : data.brand_name ); html = replaceTag( html, data.product_no, "Trend", null == data.trend_name ? "" : data.trend_name ); html = replaceTag( html, data.product_no, "Manu", null == data.manufacturer_name ? "" : data.manufacturer_name ); html = replaceTag( html, data.product_no, "Opt_DiscountPrice", null == data.optimum_discount_price ? "" : arseInt( data.optimum_discount_price ).toLocaleString() ); html = replaceTag( html, data.product_no, "Coupon_DiscountPrice", null == data.coupon_discounted_price ? "" : parseInt( data.coupon_discounted_price ).toLocaleString() ); if( null != data.promotion_period ) { var startDate = new Date( data.promotion_period.start_date ); var endDate = new Date( data.promotion_period.end_date ); var timeText = startDate.getFullYear() + "-" + (startDate.getMonth() + 1).toString().padStart( 2, "0" ) + "-" + startDate.getDate().toString().padStart( 2, "0" ) + " " + startDate.getHours().toString().padStart( 2, "0" ) + ":" + startDate.getMinutes().toString().padStart( 2, "0" ) + " ~ " + endDate.getFullYear() + "-" + (endDate.getMonth() + 1).toString().padStart( 2, "0" ) + "-" + endDate.getDate().toString().padStart( 2, "0" ) + " " + endDate.getHours().toString().padStart( 2, "0" ) + ":" + endDate.getMinutes().toString().padStart( 2, "0" ); html = replaceTag( html, data.product_no, "Promotion_Period", timeText ); } else { html = replaceTag( html, data.product_no, "Promotion_Period", data.coupon_discounted_price ); } if( null != data.additional_information ) { for( var j = 0; j < data.additional_information.length; ++j ) { const info = data.additional_information[ j ]; html = replaceArrayTag( j + 1, html, data.product_no, "AddInfo_Name", info.name ); html = replaceArrayTag( j + 1, html, data.product_no, "AddInfo_Value", info.value ); if( null != needToReplaceArray[ data.product_no ] ) { if( null != needToReplaceArray[ data.product_no ][ "AddInfo_Name" ] ) delete needToReplaceArray[ data.product_no ][ "AddInfo_Name" ][ (j + 1).toString() ]; if( null != needToReplaceArray[ data.product_no ][ "AddInfo_Value" ] ) delete needToReplaceArray[ data.product_no ][ "AddInfo_Value" ][ (j + 1).toString() ]; } } } if( null != data.additional_images ) { for( var j = 0; j < data.additional_images.length; ++j ) { const img = data.additional_images[ j ]; html = replaceArrayTag( j + 1, html, data.product_no, "AddImg", img.big ); html = replaceArrayTag( j + 1, html, data.product_no, "AddImgTag", "" ); if( null != needToReplaceArray[ data.product_no ] ) { if( null != needToReplaceArray[ data.product_no ][ "AddImg" ] ) delete needToReplaceArray[ data.product_no ][ "AddImg" ][ (j + 1).toString() ]; if( null != needToReplaceArray[ data.product_no ][ "AddImgTag" ] ) delete needToReplaceArray[ data.product_no ][ "AddImgTag" ][ (j + 1).toString() ]; } } } elem.innerHTML = html; } } } ); } // 태그 변수 입력은 됐는데 실제 조회 후 데이터가 없는 경우 NaN으로 replace function replaceNaN() { for( var keyProductNo in needToReplaceArray ) { for( var keyTag in needToReplaceArray[ keyProductNo ] ) { for( var keyNum in needToReplaceArray[ keyProductNo ][ keyTag ] ) { for( var i = 0; i < productAreaList.length; ++i ) { var elem = productAreaList[ i ]; var html = elem.innerHTML; html = replaceTag( html, keyProductNo, keyTag + "_" + keyNum, "" ); elem.innerHTML = html; } } } } } } let Morenvy_Wait_CAEF24 = setInterval( () => { if( typeof CAFE24API != "undefined" ) { clearInterval( Morenvy_Wait_CAEF24 ); (function( CAFE24API ) { Init_MorenvyProductDisplay(); } )( CAFE24API.init( { version: "2022-09-01", client_id: "gSOPn7dNJxAp8cu31kDDtD" } ) ); } }, 50 );