FooterWeb.html 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <footer id="footer" th:fragment="footer">
  5. <!-- footer start -->
  6. <div class="common_footer">
  7. <div class="service_support">
  8. <h2>
  9. <i class="ico ico_logo_ft"></i>
  10. <em class="sr-only">STYLE24</em>
  11. </h2>
  12. <ul class="support_txt">
  13. <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_USE_TERMS);"><span>이용약관</span></a></li>
  14. <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PRIVACY_POLICY);"><strong>개인정보취급방침</strong></a></li>
  15. <li><a href="#partnersPop" rel="modal:open" return false;><span>제휴/입점문의</span></a></li>
  16. <li><a href="http://zine.istyle24.com" target="_blank" title="새창 열림"><span data-font="lato">SN<em>@</em>PP</span><i class="ico ico_blank ml5"></i></a></li>
  17. </ul>
  18. <div class="family_link">
  19. <h2><a href="" class="btn ui_toggle" data-font="lato">FAMILY SITE<i class="ico ico_ft_arrow_b"></i></a></h2>
  20. <dl id="family_site" class="">
  21. <!-- <dt class="no_tit"><span class="blind">그룹없음</span></dt> -->
  22. <!-- <dd><a class="clickable" href="http://www.hansaeyes24.com" target="_blank" title="새창 열림">한세예스24홀딩스</a></dd> -->
  23. <!-- <dd><a class="clickable" href="https://www.hansae.com" target="_blank" title="새창 열림">한세실업</a></dd> -->
  24. <!-- <dd><a class="clickable" href="http://www.hansaedreams.co.kr" target="_blank" title="새창 열림">한세드림</a></dd> -->
  25. <!-- <dd><a class="clickable" href="https://www.curlysue.co.kr" target="_blank" title="새창 열림">컬리수</a></dd> -->
  26. <!-- <dd><a class="clickable" href="http://www.yes24.com/main/default.aspx" target="_blank" title="새창 열림">예스24</a></dd> -->
  27. <!-- <dd><a class="clickable" href="https://www.yes24.vn" target="_blank" title="새창 열림">YES24 Vietnam</a></dd> -->
  28. <!-- <dd><a class="clickable" href="http://www.yes24.co.id" target="_blank" title="새창 열림">YES24 Indonesia</a></dd> -->
  29. <!-- <dd><a class="clickable" href="http://www.bookdonga.com/main.donga" target="_blank" title="새창 열림">동아출판</a></dd> -->
  30. <!-- 그룹 구분 할 경우,
  31. <dt><span class="txt">그룹1</span></dt>
  32. <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵1</a></dd>
  33. <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵2</a></dd>
  34. <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵3</a></dd>
  35. -->
  36. </dl>
  37. </div>
  38. <div class="connect">
  39. <div class="cs_box">
  40. <p>
  41. <span class="mb20"><a class="clickable" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);">고객센터<i class="ico ico_ft_arrow_r ml5"></i></a></span><br>
  42. <span class="time mb20">평일 <span data-font="lato"> 09:00 ~ 18:00</span> <br> (토/일공휴일 휴무)</span><br>
  43. <span class="tel mb10" data-font="lato">1544-5336</span><br>
  44. <span class="fax mb10" data-font="lato">F.02-780-0435</span><br>
  45. <span class="mail mb30" data-font="lato">Email : help@istyle24.com</span>
  46. </p>
  47. </div>
  48. <div class="sns_box clear">
  49. <a href="https://www.facebook.com/istyle24" class="fbook clickable fl mr5" target="_blank" title="새창 열림"><span class="sr-only">STYLE24 페이스북</span></a>
  50. <a href="https://instagram.com/istyle24.official?igshid=o3nzm9tydg9n" class="insta clickable fl" target="_blank" title="새창 열림"><span class="sr-only">STYLE24 인스타그램</span></a>
  51. </div>
  52. <!-- <div class="isms_box mt30">-->
  53. <!-- <a href="http://www.yes24.com/notice/pop_isms.html" onclick="window.open(this.href, '_blank','width=500,height=708,toolbars=no,scrollbars=no'); return false;">-->
  54. <!-- <p>정보보호관리체계<br>ISMS 인증획득</p>-->
  55. <!-- </a>-->
  56. <!-- </div>-->
  57. </div>
  58. </div>
  59. <div class="corporation_info">
  60. <div class="ft_cpinfo">
  61. <dl>
  62. <dt>아이스타일이십사 주식회사</dt>
  63. <dd>
  64. <div>
  65. <p>
  66. <span>대표이사 : 윤종선</span>
  67. <span>주소: 서울시 영등포구 은행로 <em data-font="lato">11</em>, <em data-font="lato">8</em>층 (여의도동, 일신빌딩)</span> <br>
  68. <span>사업자등록번호: <em data-font="lato">116-81-32499</em></span>
  69. <span>통신판매업 신고번호: 제<rm data-font="lato">2020</rm>-서울영등포-<rm data-font="lato">1432</rm></span>
  70. <span><a class="clickable" href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=2298137000" target="_blank" title="새창 열림">사업자정보확인</a></span><br>
  71. <span>개인정보보호책임자 : 김명인</span>
  72. <span>호스팅 서비스사업자 : 아이스타일이십사(주)</span>
  73. </p>
  74. </div>
  75. </dd>
  76. </dl>
  77. </div>
  78. <div class="ft_cpinfo">
  79. <dl>
  80. <dt>소비자피해보상보험</dt>
  81. <dd>
  82. <div>
  83. <p>
  84. 고객님은 안전거래를 위해 현금 결제 시 저희 쇼핑몰이 가입한<br>
  85. 소비자피해보상보험 서비스를 이용하실 수 있습니다.
  86. <a class="clickable" href="https://mall.sgic.co.kr/csh/iutf/sh/shop/CSHINFO004VM0.mvc?tm=3&q_sk=2&q_sv=2298137000" target="_blank" title="새창 열림">가입정보확인</a>
  87. </p>
  88. </div>
  89. </dd>
  90. </dl>
  91. </div>
  92. </div>
  93. <div class="copyright">
  94. <p data-font="lato">
  95. COPYRIGHT©2021. STYLE24 ALL RIGHTS RESERVED.
  96. </p>
  97. </div>
  98. <div class="mobile_version" style="display:none" id="_moveToMobileVer">
  99. <a href="javascript:appBroswer('http://m.ssg.com','mo');" class="btn_def">모바일 버전으로 가기</a>
  100. </div>
  101. </div>
  102. <!-- 제휴및입점팝업 -->
  103. <div class="modal fade partners_pop" id="partnersPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
  104. <div class="modal-dialog" role="document">
  105. <div class="modal-content">
  106. <div class="modal-header">
  107. <h5 class="modal-title">제휴 및 입점문의</h5>
  108. </div>
  109. <div class="modal-body">
  110. <p>
  111. 스타일이십사㈜ 제휴를 통해 함께 성장하고자 하는 기업 및 개인께서는 아래<br>
  112. 담당자에게 메일을 주세요. 작성된 내용은 각 담당부서에서 검토 후 정성껏 <br>
  113. 회신 드리겠습니다.
  114. </p>
  115. <section class="order_row">
  116. <div class="tbl point_tbl track_tbl type2">
  117. <table>
  118. <colgroup>
  119. <col width="140px">
  120. <col width="100px">
  121. <col width="240px">
  122. </colgroup>
  123. <thead>
  124. <tr>
  125. <th>구분</th>
  126. <th>담당자</th>
  127. <th>연락처</th>
  128. </tr>
  129. </thead>
  130. <tbody>
  131. <tr>
  132. <td>입점 문의</td>
  133. <td>석혜민</td>
  134. <td>hmsuk@yes24.com</td>
  135. </tr>
  136. <tr>
  137. <td>제휴 문의</td>
  138. <td>정석헌</td>
  139. <td>blacktan01@yes24.com</td>
  140. </tr>
  141. </tbody>
  142. </table>
  143. </div>
  144. </section>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <!-- 퀵메뉴 -->
  150. <div id="quick_menu">
  151. <ul class="quick_btn">
  152. <li>
  153. <button type="button" id="quick01" class="quick_btn01" data-tab="quick01">
  154. <img th:src="${@environment.getProperty('domain.uximage') + '/images/pc/ico_qk_history.png'}" alt="최근 본 상품"/>
  155. <span class="count"></span>
  156. </button>
  157. </li>
  158. <li>
  159. <button type="button" id="quick02" class="quick_btn02" data-tab="quick02">
  160. <img th:src="${@environment.getProperty('domain.uximage') + '/images/pc/ico_qk_cart.png'}" alt="쇼핑백"/>
  161. <span class="count"></span>
  162. </button>
  163. </li>
  164. <li>
  165. <button type="button" id="quick03" class="quick_btn03" data-tab="quick03">
  166. <img th:src="${@environment.getProperty('domain.uximage') + '/images/pc/ico_qk_like.png'}" alt="위시리스트"/>
  167. <span class="count">0</span>
  168. </button>
  169. </li>
  170. <li>
  171. <button type="button" id="quick04" class="quick_btn04" data-tab="quick04">
  172. <img th:src="${@environment.getProperty('domain.uximage') + '/images/pc/ico_qk_coupon.png'}" alt="쿠폰"/>
  173. <span class="count">0</span>
  174. </button>
  175. </li>
  176. <li>
  177. <button type="button" id="" class="quick_btn05" data-tab="quick05">
  178. <img th:src="${@environment.getProperty('domain.uximage') + '/images/pc/ico_qk_cate.png'}" alt="카테고리"/>
  179. </button>
  180. </li>
  181. <li>
  182. <button type="button" id="top_btn">
  183. <img th:src="${@environment.getProperty('domain.uximage') + '/images/pc/ico_qk_top.png'}" alt="상단으로가기 버튼"/>
  184. </button>
  185. </li>
  186. </ul>
  187. <div class="tabs_con">
  188. <button type="button" class="quick_close_btn"><span class="sr-only">퀵메뉴 닫기</span></button>
  189. <div class="history quick_con quick01"> <!-- 퀵메뉴_최근 본 상품 -->
  190. <div class="quick_head">
  191. <h3>최근 본 상품</h3>
  192. </div>
  193. <div class="quick_body" id="quickMenuTodayGoods"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 -->
  194. </div>
  195. </div>
  196. <div class="shopingbag quick_con quick02"> <!-- 퀵메뉴_쇼핑백 -->
  197. <div class="quick_head">
  198. <h3><a href="">쇼핑백</a></h3>
  199. </div>
  200. <div class="quick_body nodata"> <!-- 쇼핑백 상품 없을 시 nodata 클래스 추가 -->
  201. </div>
  202. </div>
  203. <div class="wishlist quick_con quick03"> <!-- 퀵메뉴_위시리스트 -->
  204. <div class="quick_head">
  205. <h3><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_WISHLIST);">위시리스트</a></h3>
  206. </div>
  207. <div class="quick_body" id="quickMenuWishList"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 --> <!-- 비로그인 시 need_login 클래스 추가 -->
  208. </div>
  209. </div>
  210. <div class="coupon quick_con quick04"> <!-- 퀵메뉴_나의 쿠폰 -->
  211. <div class="quick_head">
  212. <h3><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON);">나의 쿠폰</a></h3>
  213. </div>
  214. <div class="quick_body" id="couponList"> <!-- 비로그인 시 need_login 클래스 추가 -->
  215. <div class="coupon_tab">
  216. <a href="#coupon_type01" onclick="issueCouponBtn()">발급 가능 쿠폰</a>
  217. <a href="#coupon_type02" onclick="ownCouponBtn()">보유 쿠폰</a>
  218. </div>
  219. <div id="coupon_type01" class="coupon_area">
  220. <div class="pop_cont" id="issueCoupon">
  221. </div>
  222. <a href="javascript:void(0);" class="more_btn" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">더 보기</a>
  223. </div>
  224. <div id="coupon_type02" class="coupon_area">
  225. <div class="coupon_list" id="ownCoupon">
  226. </div>
  227. <a href="javascript:void(0);" class="more_btn" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON);">더 보기</a>
  228. </div>
  229. <div class="login_con">
  230. <div>
  231. <p>로그인 후 이용 가능한 서비스입니다.</p>
  232. <button type="button" class="btn btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN);"><span>로그인</span></button>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. <div class="category quick_con quick05"> <!-- 퀵메뉴_카테고리 -->
  238. <div class="quick_head">
  239. <h3>스타일24 카테고리</h3>
  240. </div>
  241. <div class="quick_body">
  242. <ul class="quick_cate_wrap" id="ulQuickMenuCate">
  243. </ul>
  244. <div class="quick_cate_txt">
  245. <a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGIN);">로그인</a>
  246. <a th:if="${sessionInfo != null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGOUT);">로그아웃</a>
  247. <a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);">회원가입</a>
  248. <a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);">마이페이지</a>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <!-- 퀵메뉴 -->
  255. <!-- 쿠폰 사용 내역 팝업 -->
  256. <div class="modal coupon_popup" tabindex="-1" role="dialog" aria-labelledby="PopupBasicLabel" aria-hidden="true">
  257. <div class="modal-dialog" role="document">
  258. <div class="modal-content">
  259. <div class="modal-header">
  260. <h5 class="modal-title">사용 조건</h5>
  261. </div>
  262. <div class="modal-body">
  263. <section class="order_row">
  264. <div class="coupon_condition">
  265. <dl class="clear">
  266. <dt>사용조건</dt>
  267. <dd><span>9,999,999</span>원 구매 시 최대 <span>9,999,999</span>원 할인</dd>
  268. </dl>
  269. <dl class="clear">
  270. <dt>대상조건</dt>
  271. <dd>남성,여성,유아동 카테고리</dd>
  272. </dl>
  273. </div>
  274. </section>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. <!-- 2021.04.02 다음우편번호 공통화 작업 -->
  280. <!-- 다음우편번호 팝업 -->
  281. <div class="jquery-modal blocker current" id="daumZipcodePop" style="display:none; z-index:3000;">
  282. <div class="modal fade rqstModify_pop" tabindex="-1" role="dialog" aria-labelledby="couponModifyLabel" aria-hidden="true" style="display: inline-block;">
  283. <div class="modal-dialog" role="document">
  284. <div class="modal-content">
  285. <div class="modal-body">
  286. <div class="pop_cont">
  287. <div id="zipcode_layer"></div>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. <a id="daumZipcodePop_close" style="margin-top:20px; size:12px; display:inline-block; font-weight:bold; cursor:pointer;">
  293. Close
  294. </a>
  295. </div>
  296. </div>
  297. <!-- //다음우편번호 팝업 -->
  298. <!-- //2021.04.02 다음우편번호 공통화 작업 -->
  299. <!-- 2021.04.02 배송지변경팝업 공통화 작업 -->
  300. <!-- 배송지변경 팝업 -->
  301. <div class="modal fade adrsChange_pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true">
  302. <div class="modal-dialog" role="document">
  303. <div class="modal-content">
  304. <!-- 배송지변경 팝업 내용 -->
  305. </div>
  306. </div>
  307. <a href="#close-modal" rel="modal:close" id="adrsChangePop_close" class="close-modal">Close</a>
  308. </div>
  309. <!-- //배송지변경 팝업 -->
  310. <!-- 배송지추가 팝업 -->
  311. <div class="modal fade adrsModify_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true">
  312. <div class="modal-dialog" role="document">
  313. <div class="modal-content">
  314. <!-- 배송지추가 팝업 내용 -->
  315. </div>
  316. </div>
  317. <a href="#close-modal" rel="modal:close" id="adrsAddPop_close" class="close-modal">Close</a>
  318. </div>
  319. <!-- //배송지추가 팝업 -->
  320. <!-- 배송지수정 팝업 -->
  321. <div class="modal fade adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true">
  322. <div class="modal-dialog" role="document">
  323. <div class="modal-content">
  324. <!-- 배송지수정 팝업 내용 -->
  325. </div>
  326. </div>
  327. <a href="#close-modal" rel="modal:close" id="adrsModifyPop_close" class="close-modal">Close</a>
  328. </div>
  329. <!-- //배송지수정 팝업 -->
  330. <!-- 배송요청사항수정 팝업 -->
  331. <div class="modal fade rqstModify_pop" id="rqstModifyPop" tabindex="-1" role="dialog" aria-labelledby="rqstModifyLabel" aria-hidden="true">
  332. <div class="modal-dialog" role="document">
  333. <div class="modal-content">
  334. <!-- 배송요청사항수정 팝업 내용 -->
  335. </div>
  336. </div>
  337. <a href="#close-modal" rel="modal:close" id="rqstModifyPop_close" class="close-modal">Close</a>
  338. </div>
  339. <!-- //배송요청사항수정 팝업 -->
  340. <!-- //2021.04.02 배송지변경팝업 공통화 작업 -->
  341. <!-- 쿠폰 사용 내역 팝업 -->
  342. <div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
  343. <div class="modal-dialog" role="document">
  344. <div class="modal-content">
  345. <!-- 쿠폰사용안내 팝업 내용 -->
  346. </div>
  347. </div>
  348. <a href="#close-modal" rel="modal:close" id="couponInfoPop_close" class="close-modal">Close</a>
  349. </div>
  350. <script th:inline="javascript">
  351. /*<![CDATA[*/
  352. // 패밀리 사이트
  353. let fnGetFamilySite = function() {
  354. $.getJSON('/renderer/familysite/list'
  355. , function(result, status) {
  356. if (status == 'success') {
  357. if (result.length > 0) {
  358. $('#family_site').html('');
  359. let tag = '<dt class="no_tit"><span class="blind">그룹없음</span></dt>';
  360. $.each(result, function (idx, item) {
  361. if (!gagajf.isNull(item.cdNm)) {
  362. tag += '<dd><a class="clickable" href="' + item.cdNm.substring(0, item.cdNm.indexOf('|')) + '" target="_blank" title="새창 열림">' + item.cdNm.substring(item.cdNm.indexOf('|') + 1) + '</a></dd>\n';
  363. }
  364. });
  365. $('#family_site').html(tag);
  366. }
  367. }
  368. });
  369. }
  370. // 퀵메뉴카테고리
  371. let fnGetQuickMenuCategory = function(cate1) {
  372. let tag = '';
  373. if (cate1 != null) {
  374. tag += '<li class="has_children">\n';
  375. tag += ' <a href="javascript:;"><span>' + cate1.cate1Nm + '</span></a>\n';
  376. if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
  377. tag += ' <ul class="quick_depth">\n';
  378. tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>메인</span></a>\n';
  379. tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>전체</span></a>\n';
  380. $.each(cate1.cate2List, function(idx2, cate2) {
  381. tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate2.cateGb + '\',' + cate2.cate1No + ',' + cate2.cate2No + ');"><span>' + cate2.cate2Nm + '</span></a>\n';
  382. });
  383. tag += ' </ul>\n';
  384. }
  385. tag += '</li>\n';
  386. }
  387. return tag;
  388. }
  389. // 퀵메뉴탭 생성
  390. let fnCreateQuickMenuTab = function() {
  391. $.getJSON('/display/gnb/tab/list'
  392. , function(result, status) {
  393. if (status == 'success') {
  394. if (result.length > 0) {
  395. $('#ulQuickMenuCate').html('');
  396. $('#ulQuickMenuCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><span>홈</span></a></li>\n');
  397. $('#ulQuickMenuCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ALL_BRAND);"><span>브랜드</span></a></li>\n');
  398. let allCate = gAllCate;
  399. $.each(result, function(idx, item) {
  400. if (item.contentsType == 'C' ) { // 컨텐츠유형:카테고리, 아울렛
  401. $.each(allCate, function(allCateIdx, allCateItem) {
  402. if (item.cate1No == allCateItem.cate1No) {
  403. $('#ulQuickMenuCate').append(fnGetQuickMenuCategory(allCateItem));
  404. }
  405. });
  406. }else if(item.contentsType == 'O'){
  407. // $('#ulQuickMenuCate').append('<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>');
  408. let outletCate = fnGetQuickOutletCategory(item.gtabNm);
  409. $('#ulQuickMenuCate').append(outletCate);
  410. } else if (item.contentsType == 'L') { // 컨텐츠유형:링크
  411. $('#ulQuickMenuCate').append('<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>');
  412. }
  413. });
  414. }
  415. }
  416. });
  417. }
  418. // 퀵 아울렛
  419. let fnGetQuickOutletCategory = function (outletNm){
  420. let formalGb = 'G009_20';
  421. let cateGb = 'G032_101';
  422. var tag = '';
  423. tag += '<li class="has_children">\n';
  424. tag += '<a href="javascript:void(0);"><span>'+outletNm+'</span></a>\n';
  425. tag += '<ul class="quick_depth">\n';
  426. tag += '<li><a href="javascript:void(0);" onclick="cfnGoToOutletMain(\'G032_103\');"><span>메인</span></a></li>\n';
  427. tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cateGb + '\',\'\',\'\',\'\',\'\',\'\',\'' + formalGb + '\');"><span>전체</span></a></li>\n';
  428. let allCate = gAllCate;
  429. $.each(allCate, function(allCateIdx, allCateItem) {
  430. tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + allCateItem.cateGb + '\',' + allCateItem.cate1No + ',\'\',\'\',\'\',\'\',\'' + formalGb + '\');"><span>' + allCateItem.cate1Nm + '</span></a></li>\n';
  431. });
  432. tag += '</ul>\n';
  433. tag += '</li>\n';
  434. return tag;
  435. }
  436. // 최근본상품
  437. let fnGetRecentlyGoods = function() {
  438. // $('#quick01').on('click', function() {
  439. $.getJSON('/goods/recently/list'
  440. , function(result, status) {
  441. if (status == 'success') {
  442. $('#quickMenuTodayGoods').html('');
  443. $('#quick01').find('span').html(result.length);
  444. let tag = '';
  445. if (result.length > 0) {
  446. tag += '<div class="product_count"><span class="c_primary">' + result.length + '</span>개의 상품</div>\n';
  447. tag += ' <div class="itemsGrp">\n';
  448. $.each(result, function (idx, item) {
  449. tag += ' <div class="item_prod">\n';
  450. tag += ' <div class="item_state">\n';
  451. tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\'\',\'IN22_01\')" class=" itemLink">\n';
  452. tag += ' <div class="itemPic">\n';
  453. tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>\n';
  454. tag += ' </div>\n';
  455. tag += ' </a>\n';
  456. tag += ' </div>\n';
  457. tag += ' </div>\n';
  458. });
  459. tag += ' </div>\n';
  460. } else {
  461. tag += '<div class="no_item">';
  462. tag += ' 최근 본 상품이 없습니다.';
  463. tag += '</div>';
  464. $('#quickMenuTodayGoods').attr('class','quick_body nodata');
  465. }
  466. $('#quickMenuTodayGoods').html(tag);
  467. }
  468. });
  469. // });
  470. }
  471. function deleteCartAjax(cartArr, menu) {
  472. if(cartArr.length < 1) {
  473. mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
  474. return false;
  475. }
  476. let data = {
  477. cartSqArr : cartArr
  478. }
  479. let jsonData = JSON.stringify(data);
  480. $.ajax( {
  481. type: "POST",
  482. url : '/cart/deleteCart',
  483. contentType: 'application/json',
  484. dataType : 'json',
  485. data : jsonData,
  486. success : function(result) {
  487. mcxDialog.alert("삭제 되었습니다.");
  488. if(menu == "cart") {
  489. let data = {shotDelvUseYn : $("input[name=shotDelvUseYn]:checked").val()};
  490. getCartList(data);
  491. } else if (menu == "quick") {
  492. fnGetCartGoodsList();
  493. }
  494. }
  495. });
  496. }
  497. function deleteCart(gbn, menu) {
  498. let cartArr = [];
  499. let confirmMessage = "";
  500. if(gbn == "SELECT") {
  501. $("#cartListForm input[name=cartSqArr]:checked").each(function () {
  502. cartArr.push($(this).val());
  503. });
  504. if(cartArr.length < 1) {
  505. mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
  506. return false;
  507. }
  508. confirmMessage = "총 " + cartArr.length + "개의 상품을 삭제합니다.";
  509. } else {
  510. cartArr.push(gbn);
  511. deleteCartAjax(cartArr, menu);
  512. return false;
  513. }
  514. mcxDialog.confirm(confirmMessage, {
  515. cancelBtnText: "취소", //취소 또는 닫기 버튼명
  516. sureBtnText : "확인", //처리문 버튼명
  517. sureBtnClick : function () {
  518. deleteCartAjax(cartArr, menu);
  519. }
  520. });
  521. }
  522. // 장바구니
  523. let fnGetCartGoodsList = function() {
  524. $.getJSON('/cart/quick/cart/list', function(result, status) {
  525. let order = result.order;
  526. $("#quick_menu .shopingbag.quick_con.quick02 .quick_head a").attr("href", _PAGE_CART);
  527. $("#header .gnb .btn_cart").attr("href", _PAGE_CART);
  528. if (status == 'success') {
  529. let quickShoppingBagHtml = "";
  530. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html("");
  531. if(order.totCartCnt > 0) {
  532. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").removeClass("nodata");
  533. quickShoppingBagHtml += '<div class="product_count"><span class="c_primary">' + order.totCartCnt + '</span>개의 상품</div>';
  534. quickShoppingBagHtml += '<div class="itemsGrp existence">';
  535. let ordCanCnt = 0;
  536. for(let i = 0 ; i < order.delvAllCartList.length ; i++) {
  537. let info = order.delvAllCartList[i];
  538. // 구매하기 버튼에서 장바구니 버튼으로 변경 후 품절 상품 보여주지 말것 이라는 멘트 사라짐. 전체 노출
  539. //if(info.soldoutYn == "N" && info.ordCanYn == "Y" && info.newCustCanYn == "Y" && info.ordCanQty >= info.goodsQty && info.goodsQty >= info.minOrdQty && info.goodsQty <= info.maxOrdQty){
  540. ordCanCnt++; // 주문 가능 수량
  541. quickShoppingBagHtml += ' <div class="item_prod">';
  542. quickShoppingBagHtml += ' <input type="hidden" id="cartSq" value="' + info.cartSq + '">';
  543. quickShoppingBagHtml += ' <button type="button" class="delete_btn" onclick="deleteCart(' + info.cartSq + ", 'quick'" + ')" style="z-index:99;"><span class="sr-only">해당상품 삭제</span></button>';
  544. quickShoppingBagHtml += ' <div class="item_state">';
  545. if(info.ordCanQty < 6 && info.ordCanQty > 0) {
  546. quickShoppingBagHtml += ' <div class="shape"><span>곧 품절돼요!</span></div>';
  547. }
  548. quickShoppingBagHtml += " <a href='javascript:cfnGoToGoodsDetail(\"" + info.goodsCd + "\",\"\",\"IN22_03\")' class='itemLink'>";
  549. quickShoppingBagHtml += ' <div class="itemPic">';
  550. quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + info.sysImgNm + '?RS=120"/>';
  551. quickShoppingBagHtml += ' </div>';
  552. quickShoppingBagHtml += ' <p class="itemBrand">' + info.brandGroupNm + '</p>';
  553. quickShoppingBagHtml += ' <div class="itemName">' + info.goodsNm + '</div>';
  554. for(let i = 0 ; i < info.itemNmArr.length ; i++) {
  555. if(info.goodsType == "G056_S") {
  556. quickShoppingBagHtml += ' <p class="itemSize">';
  557. quickShoppingBagHtml += ' <span>' + info.itemNmArr[i] + '</span> / <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2 + '</span>';
  558. quickShoppingBagHtml += ' </p>';
  559. } else {
  560. quickShoppingBagHtml += ' <p class="itemSize">';
  561. quickShoppingBagHtml += ' <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2Arr[i] + '</span>';
  562. quickShoppingBagHtml += ' </p>';
  563. }
  564. }
  565. quickShoppingBagHtml += ' <p class="itemSize">';
  566. quickShoppingBagHtml += ' <span>수량 ' + info.goodsQty + '개</span>';
  567. quickShoppingBagHtml += ' </p>';
  568. if(info.currPrice > info.tmtbDcAmt) {
  569. quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '<span class="itemPrice_original">' + Number(info.currPrice).toLocaleString() + '</span></p>';
  570. } else {
  571. quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '</p>';
  572. }
  573. if(info.qtyTmtbSq > 0 && info.applyQtySectionYn == "Y") {
  574. quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
  575. }
  576. if(info.amtTmtbSq > 0 && info.applyAmtSectionYn == "Y") {
  577. quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
  578. }
  579. quickShoppingBagHtml += ' </a>';
  580. quickShoppingBagHtml += ' </div>';
  581. quickShoppingBagHtml += ' </div>';
  582. //}
  583. }
  584. quickShoppingBagHtml += '</div>';
  585. quickShoppingBagHtml += '<button type="button" class="btn btn_default purchase_btn" onclick="cfnGoToPage(_PAGE_CART);"><span>쇼핑백 바로가기</span></button>';
  586. $("#quick_menu #quick02 .count").text(order.delvAllCartList.length);
  587. } else {
  588. let itemList = result.itemList;
  589. if(!$("#quick_menu .shopingbag.quick_con.quick02 .quick_body").hasClass("nodata")) {
  590. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").addClass("nodata");
  591. }
  592. quickShoppingBagHtml += '<div class="itemsGrp empty">';
  593. quickShoppingBagHtml += ' <p class="desc">쇼핑백에 담긴 상품이 없습니다.</p>';
  594. quickShoppingBagHtml += ' <span class="subH3">지금 많이 보고있어요</span>';
  595. for(let i = 0 ; i < itemList.length ; i++) {
  596. let item = itemList[i];
  597. quickShoppingBagHtml += ' <div class="item_prod">';
  598. quickShoppingBagHtml += ' <div class="item_state">';
  599. quickShoppingBagHtml += ' <a href="' + item.itemUrl + '" class="itemLink">';
  600. quickShoppingBagHtml += ' <div class="itemPic">';
  601. quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="' + item.imageUrl + '"/>';
  602. quickShoppingBagHtml += ' </div>';
  603. quickShoppingBagHtml += ' <p class="itemBrand">' + item.brandName + '</p>';
  604. quickShoppingBagHtml += ' <div class="itemName">' + item.itemName + '</div>';
  605. quickShoppingBagHtml += ' <p class="itemPrice">' + Number(item.salePrice).toLocaleString();
  606. if(item.salePrice < item.originalPrice) {
  607. quickShoppingBagHtml += ' <span class="itemPrice_original">' + Number(item.originalPrice).toLocaleString() + '</span>';
  608. }
  609. quickShoppingBagHtml += ' </p>';
  610. if(item.count < 10) {
  611. quickShoppingBagHtml += ' <div class="viewCount"><span>10명 미만</span></div>';
  612. } else {
  613. quickShoppingBagHtml += ' <div class="viewCount"><span>' + item.count + '</span>명 보는중</div>';
  614. }
  615. quickShoppingBagHtml += ' </a>';
  616. quickShoppingBagHtml += ' </div>';
  617. quickShoppingBagHtml += ' </div>';
  618. }
  619. quickShoppingBagHtml += '</div>';
  620. }
  621. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html(quickShoppingBagHtml);
  622. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").show();
  623. $("#quick_menu #quick02 .count").text(order.delvAllCartList.length);
  624. let cartCnt = $("#quick_menu #quick02 .count").text();
  625. if(!cartCnt) cartCnt = 0;
  626. if(cartCnt > 99) cartCnt = "99+";
  627. $(".shopingbag .quick_body .product_count .c_primary").text(cartCnt);
  628. $("#header .gnb .btn_cart .circle_count").text(cartCnt);
  629. }
  630. });
  631. }
  632. // 위시리스트
  633. let fnGetWishList = function() {
  634. if (!cfCheckLogin()) {
  635. $('#quickMenuWishList').addClass('need_login');
  636. $('#quickMenuWishList').html('');
  637. tag='<div class="login_con">';
  638. tag+='<div>';
  639. tag+=' <p>로그인 후 이용 가능한 서비스입니다.</p>';
  640. tag+=' <button type="button" class="btn btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN)"><span>로그인</span></button>';
  641. tag+=' </div>';
  642. tag+='</div>';
  643. $('#quickMenuWishList').html(tag);
  644. return false;
  645. }
  646. $.getJSON('/goods/wish/list'
  647. , function(result, status) {
  648. if (status == 'success') {
  649. $('#quickMenuWishList').html('');
  650. $('#quick03').find('span').html(result.length);
  651. $('#quickMenuWishListCount').html(result.length);
  652. tag = '';
  653. if (result.length > 0) {
  654. $("#quickMenuWishList").attr("class","quick_body");
  655. tag += '<div class="product_count"><span class="c_primary" id="quickMenuWishListCount">'+result.length+'</span>개의 상품</div>\n';
  656. tag += ' <div class="itemsGrp">\n';
  657. $.each(result, function (idx, item) {
  658. tag += '<div class="item_prod">\n';
  659. tag += ' <div class="item_state ';
  660. if(item.stockQtySum < 1){
  661. tag += 'soldout';
  662. }
  663. tag += ' ">\n';
  664. if(item.stockQtySum>0 && item.stockQtySum<=5){
  665. tag += ' <div class="shape"><span>곧 품절돼요!</span></div>\n';
  666. }
  667. tag += ' <button type="button" class="itemLike active" goodsCd="'+item.goodsCd+'" onclick="fnWishDelete(this);">관심상품 추가</button>\n';
  668. tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\'\',\'IN22_02\')" class=" itemLink">\n';
  669. tag += ' <div class="itemPic">\n';
  670. tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>\n';
  671. tag += ' </div>\n';
  672. tag += ' </a>\n';
  673. tag += ' <div class="hover_con">';
  674. if (item.stockQtySum>0) {
  675. if (item.goodsType == 'G056_N') {
  676. tag += ' <button type="button" class="btn btn_sm cart_btn on" afLinkCd="'+item.afLinkCd+'" goodsCd="'+item.goodsCd+'" optCd="'+item.optCd+'" minOrdQty="'+item.minOrdQty+'" goodsType="'+item.goodsType+'" contentsLoc="'+item.contentLoc+'" onclick="wishCardAdd(this)"><span>쇼핑백 담기</span></button>';
  677. }else if(item.goodsType == 'G056_D'){ // 딜상품
  678. tag += ' <button type="button" class="btn btn_sm cart_btn on" onclick="wishDealGoods()"><span>쇼핑백 담기</span></button>';
  679. }else{
  680. tag += ' <button type="button" class="btn btn_sm cart_btn on" afLinkCd="'+item.afLinkCd+'" compsGoodsCd=\''+item.compsGoodsCd+'\' goodsCd="'+item.goodsCd+'" optCd="'+item.optCd+'" minOrdQty="'+item.minOrdQty+'" goodsType="'+item.goodsType+'" contentsLoc="'+item.contentLoc+'" onclick="wishCardSetAdd(this)"><span>쇼핑백 담기</span></button>';
  681. }
  682. }
  683. tag += ' </div>\n';
  684. tag += ' </div>\n';
  685. tag += '</div>\n';
  686. });
  687. tag += ' </div>\n';
  688. } else {
  689. $("#quickMenuWishList").addClass("nodata");
  690. tag += '<div class="itemsGrp">';
  691. tag += '<div class="no_item" style="display:block">';
  692. tag += ' 등록된 위시리스트가 없습니다.';
  693. tag += '</div>';
  694. tag += '</div>';
  695. }
  696. $('#quickMenuWishList').html(tag);
  697. }
  698. });
  699. }
  700. // 딜상품일 경우 alert
  701. var wishDealGoods = function() {
  702. mcxDialog.alert("해당 상품은 옵션 선택 후 쇼핑백 담기가 가능합니다.");
  703. return;
  704. }
  705. // 위시리스트 해제
  706. let fnWishDelete = function(obj) {
  707. cfnPutWishList(obj);
  708. fnGetWishList();
  709. }
  710. var wishCardAdd = function (obj) {
  711. let btnType = "C";
  712. let params = [];
  713. let cart = new Object();
  714. cart.goodsCd = $(obj).attr("goodsCd");
  715. cart.optCd = $(obj).attr("optCd");
  716. cart.goodsQty = $(obj).attr("minOrdQty");
  717. cart.goodsType = $(obj).attr("goodsType");
  718. cart.cartGb = btnType;
  719. cart.afLinkCd = $(obj).attr("afLinkCd");
  720. cart.ithrCd = $(obj).attr("ithrCd");
  721. //cart.contentsLoc = $(obj).attr("contentsLoc");
  722. cart.contentsLoc = '';
  723. cart.planDtlSq = '';
  724. params.push(cart);
  725. // 장바구니담기
  726. if (params.length > 0){
  727. cfnAddCart(params);
  728. }
  729. }
  730. var wishCardSetAdd = function (obj) {
  731. let cartGoodsList = [];
  732. var optCdArr = $(obj).attr("optCd").split(",");
  733. var compsGoodsCdArr = $(obj).attr("compsGoodsCd").split(",");
  734. let compsList = [];
  735. let goodsList = {
  736. cartCompsList : new Array()
  737. }
  738. for(let j = 0 ; j < optCdArr.length ; j++) {
  739. let temp = new Object;
  740. temp.goodsCd = $(obj).attr("goodsCd");
  741. temp.optCd = optCdArr[j];
  742. temp.goodsQty = $(obj).attr("minOrdQty");
  743. temp.goodsType = "G056_S";
  744. temp.itemCd = compsGoodsCdArr[j];
  745. temp.cartGb = "C";
  746. temp.afLinkCd = $(obj).attr("afLinkCd");
  747. temp.ithrCd = "";
  748. temp.contentsLoc = "";
  749. temp.planDtlSq = "";
  750. compsList.push(temp);
  751. }
  752. goodsList.cartCompsList = compsList;
  753. cartGoodsList.push(goodsList);
  754. cfnAddCart(cartGoodsList);
  755. }
  756. // 쿠폰리스트
  757. let issueCouponBtn = function() {
  758. if (!cfCheckLogin()) {
  759. $('#couponList').addClass('need_login');
  760. return false;
  761. }else{
  762. $.getJSON('/mypage/quick/down/coupon/list'
  763. , function(result, status) {
  764. if (status == 'success'){
  765. $('#quick04').find('span').html(result.ownCouponList.length + result.couponCount.useCouponCnt);
  766. let tag = '';
  767. if(result.ownCouponList.length>0){
  768. tag += '<ul class="coupon_list">';
  769. $.each(result.ownCouponList, function (idx, item) {
  770. tag += ' <li>';
  771. tag += ' <div class="coupon">';
  772. tag += ' <div>';
  773. tag += ' <p class="cp_name">'+item.cpnNm+'</p>';
  774. tag += ' <p class="cp_cont">';
  775. if (item.dcWay == '%') {
  776. tag += ' <span><em>'+item.dcVal.addComma()+'</em>%</span>';
  777. }else{
  778. tag += ' <span><em>'+item.dcVal.addComma()+'</em>원</span>';
  779. }
  780. tag += ' </p>';
  781. if(item.custPubLimitQty == 0){
  782. tag += ' <p class="cp_condition">'+item.useCondition+'<span></span>';
  783. }else{
  784. tag += ' <p class="cp_condition">'+item.useCondition+'<span>1인 최대'+item.custPubLimitQty.addComma()+'장</span>';
  785. }
  786. tag += ' </p>';
  787. tag += ' </div>';
  788. tag += ' <button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnQuickCouponDown('+item.cpnId+')"><span>쿠폰받기</span></button>';
  789. tag += ' </div>';
  790. tag += ' </li>';
  791. });
  792. tag += '</ul>';
  793. }else{
  794. tag += '<div class="no_item">';
  795. tag += '다운 가능한 쿠폰이 없습니다.';
  796. tag += '</div>';
  797. }
  798. $('#issueCoupon').html(tag);
  799. }
  800. });
  801. }
  802. }
  803. // 보유 쿠폰 클릭 시
  804. let ownCouponBtn = function() {
  805. $.getJSON('/mypage/quick/own/coupon/list'
  806. , function(result, status) {
  807. if (status == 'success') {
  808. let tag = '';
  809. if (result.length > 0) {
  810. tag += '<ul class="clear">';
  811. $.each(result, function (idx, item) {
  812. tag += ' <li>';
  813. tag += ' <div class="cp_top">';
  814. tag += ' <div class="cp_detail">';
  815. tag += ' <p class="tit">'+item.cpnNm+'</p>';
  816. if (item.dcWay == '%') {
  817. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>%</strong>';
  818. }else{
  819. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>원</strong>';
  820. }
  821. tag += ' <p class="cp_cont">'+item.useCondition+'</p>';
  822. tag += ' <span class="cp_cnt"><span>'+item.cpnCnt.addComma()+'</span>장 보유</span>';
  823. tag += ' </div>';
  824. tag += ' <span class="cp_shape"></span>';
  825. tag += ' </div>';
  826. tag += ' <div class="cp_date">';
  827. tag += ' <span>'+item.availStdt+'</span> ~ <span>'+item.availEddt+'</span>';
  828. tag += ' </div>';
  829. tag += ' <div class="cp_info">';
  830. tag += ' <button type="button" class="coupon_pop_btn" onclick="useInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>';
  831. tag += ' </div>';
  832. tag += ' </li>';
  833. });
  834. tag += '<ul>';
  835. } else {
  836. tag += '<div class="no_item">';
  837. tag += '보유한 쿠폰이 없습니다.';
  838. tag += '</div>';
  839. }
  840. $('#ownCoupon').html(tag);
  841. }
  842. });
  843. }
  844. var doubleSubmitFlag = false;
  845. /* function doubleSubmitCheck(){
  846. if(doubleSubmitFlag){
  847. return doubleSubmitFlag;
  848. }else{
  849. doubleSubmitFlag = true;
  850. return false;
  851. }
  852. } */
  853. //쿠폰 다운로드
  854. var fnQuickCouponDown = function(obj){
  855. if (!cfCheckLogin()) {
  856. cfnGoToPage(_PAGE_LOGIN);
  857. return false;
  858. }
  859. if (doubleSubmitFlag){
  860. mcxDialog.alert("다운로드 중입니다.");
  861. return false;
  862. }
  863. doubleSubmitFlag = true;
  864. let cpnId = obj;
  865. gagajf.ajaxJsonSubmit('/mypage/quick/coupon/download', JSON.stringify({cpnId: cpnId}), fnQuickCouponCallBack);
  866. }
  867. // 쿠폰다운로드 콜백
  868. var fnQuickCouponCallBack = function(result){
  869. doubleSubmitFlag = false;
  870. if (result.status == "200"){
  871. $.each(result.couponList, function (idx, item) {
  872. if (Number(item.custPubLimitQty) > 0){
  873. if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
  874. $('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
  875. $('#coupon_'+ item.cpnId).attr('disabled', true);
  876. }
  877. }
  878. });
  879. }
  880. }
  881. // 소유한 쿠폰 사용안내 모달
  882. var useInfoCoupon = function (id) {
  883. var data = {cpnId : id};
  884. var jsonData = JSON.stringify(data);
  885. $.ajax( {
  886. type : "POST",
  887. url : '/mypage/coupon/detailPop',
  888. data : jsonData,
  889. contentType: 'application/json',
  890. dataType : 'html',
  891. success : function(result) {
  892. if (result != null) {
  893. $("#couponInfoPop").html(result);
  894. $("#couponInfoPop").modal("show");
  895. }
  896. }
  897. });
  898. return false;
  899. }
  900. // 팝업
  901. let fnGetPopup = function(){
  902. let data = {viewPage : [[${viewPage}]]
  903. ,cateNo : [[${popupCateNo}]]
  904. ,brandCd : [[${popupBrandCd}]]
  905. ,planSq : [[${popupPlanSq}]]
  906. ,preview : [[${preview}]]
  907. ,viewDt : [[${viewDt}]]
  908. };
  909. $.getJSON('/display/popup/list', data, function(result, status) {
  910. if (status === 'success') {
  911. if(result.dataList.length>0){
  912. let popupYn = "N";
  913. let popupSq = "";
  914. let tag = '';
  915. tag += '<div id="layer_popup" class="popup_main_notice">\n';
  916. tag += ' <div class="popup_content">\n';
  917. tag += ' <div class="popup_body">\n';
  918. tag += ' <div class="swiper-container">\n';
  919. tag += ' <div class="swiper-wrapper">\n';
  920. $.each(result.dataList, function(idx, item) {
  921. if(document.cookie.match('(^|;)?style_popup_'+item.popupSq+'=([^;]*)(;|$)')==null) {
  922. tag += ' <div class="swiper-slide">\n';
  923. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  924. let linkTarget = "";
  925. if ("N" == item.linkTarget){
  926. linkTarget = "target=\"_blank\"";
  927. }
  928. tag += ' <a href="'+ item.linkUrl1 +'" '+linkTarget+' >\n';
  929. }
  930. tag += ' <img src="'+ _imgUrl+'/'+item.imgUrl1+'" width="100%" alt="">\n';
  931. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  932. tag += ' </a>\n';
  933. }
  934. tag += ' </div>\n';
  935. popupYn = "Y";
  936. popupSq += item.popupSq +"|";
  937. }
  938. });
  939. tag += ' </div>\n';
  940. tag += ' <div class="swiper-button-prev"></div>\n';
  941. tag += ' <div class="swiper-button-next"></div>\n';
  942. tag += ' </div>\n';
  943. tag += ' </div>\n';
  944. tag += ' <div class="popup_footer">\n';
  945. tag += ' <a href="javascript:void(0);" onclick="fnLayerPopupUnexpDaysClose(\''+popupSq+'\',1);" class="btn_underline"> 하루 보지 않기</a>\n';
  946. tag += ' <a href="javascript:void(0);" id="btnPopupClose" onclick="fnLayerPopupClose();" class="btn_popup_close">닫기</a>\n';
  947. tag += ' </div>\n';
  948. tag += ' </div>\n';
  949. tag += '</div>\n';
  950. if (popupYn == "Y"){
  951. if ($('#layer_popup').length === 0) {
  952. $('body').append(tag);
  953. }
  954. }
  955. /* 메인 공지 팝업 갯수체크 210430_수정 */
  956. var popNoticeCont = $('.popup_main_notice .swiper-slide');
  957. var popNoticeLength = popNoticeCont.length;
  958. if (popNoticeLength < 4) {
  959. popNoticeCont.parents('.popup_body').addClass('onlyNotice');
  960. var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
  961. loop: false,
  962. watchOverflow: true, //loop와 함께 사용 불가.
  963. slidesPerView:'auto',
  964. spaceBetween: 0,
  965. speed:200,
  966. autoplay: {
  967. delay: 3000,
  968. disableOnInteraction: false,
  969. },
  970. navigation: {
  971. nextEl: '.popup_main_notice .swiper-button-next',
  972. prevEl: '.popup_main_notice .swiper-button-prev',
  973. },
  974. });
  975. } else {
  976. popNoticeCont.parents('.popup_body').removeClass('onlyNotice');
  977. var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
  978. loop: true,
  979. slidesPerView:'auto',
  980. spaceBetween: 0,
  981. speed:200,
  982. autoplay: {
  983. delay: 3000,
  984. disableOnInteraction: false,
  985. },
  986. navigation: {
  987. nextEl: '.popup_main_notice .swiper-button-next',
  988. prevEl: '.popup_main_notice .swiper-button-prev',
  989. },
  990. });
  991. }
  992. }
  993. }
  994. });
  995. }
  996. let fnLayerPopupUnexpDaysClose = function(seq, unexpDays){
  997. let arrSeq = seq.split("|");
  998. if (arrSeq.length > 0){
  999. let todayDate = new Date();
  1000. //todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000 + 54000000);
  1001. todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000); // 당일 자정처리
  1002. todayDate.setDate(todayDate.getDate() + unexpDays);
  1003. $.each(arrSeq, function (idx, item) {
  1004. if (!gagajf.isNull(item)){
  1005. document.cookie = "style_popup_"+item+"=Y; path=/; expires=" + todayDate.toGMTString() + ";";
  1006. }
  1007. });
  1008. }
  1009. fnLayerPopupClose();
  1010. }
  1011. // 창 닫기
  1012. let fnLayerPopupClose = function(){
  1013. //$('#layer_popup').hide();
  1014. $('#layer_popup').remove();
  1015. }
  1016. $(document).ready( function() {
  1017. /*
  1018. // 퀵메뉴탭 조회
  1019. fnCreateQuickMenuTab();
  1020. // 패미리사이트 조회
  1021. fnGetFamilySite();
  1022. // 최근본상품 조회
  1023. fnGetRecentlyGoods();
  1024. // 장바구니 조회
  1025. fnGetCartGoodsList();
  1026. // 위시리스트
  1027. fnGetWishList();
  1028. // 팝업조회
  1029. fnGetPopup();
  1030. // 쿠폰조회
  1031. $("#issueCouponBtn").trigger("click");
  1032. // Family Site
  1033. $('.family_link').on('click','.btn',function(e){
  1034. e.preventDefault();
  1035. $(this).parents('.family_link').find('#family_site').slideToggle(100);
  1036. $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
  1037. });
  1038. //퀵메뉴
  1039. var tabAnchor = $('.quick_btn button'),
  1040. tabPanel = $('#quick_menu .quick_con');
  1041. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1042. e.preventDefault();
  1043. $('body').addClass('lock');
  1044. $('#quick_menu').addClass('active');
  1045. tabAnchor.removeClass('active');
  1046. $(this).addClass('active');
  1047. var NewLink = $(this).attr('data-tab');
  1048. tabPanel.hide();
  1049. $('.' + NewLink).show();
  1050. });
  1051. //퀵메뉴_쿠폰
  1052. var couponAnchor = $('.coupon_tab a'),
  1053. couponPanel = $('.coupon_area');
  1054. $(document).on('click','.coupon_tab a',function(e){
  1055. e.preventDefault();
  1056. couponAnchor.removeClass('active');
  1057. $(this).addClass('active');
  1058. var NewLink = $(this).attr('href');
  1059. couponPanel.hide();
  1060. $(NewLink).show();
  1061. });
  1062. couponAnchor.eq(0).trigger('click');
  1063. //퀵메뉴 닫을 때
  1064. $(document).on('click','#quick_menu .quick_close_btn',function(e){
  1065. e.preventDefault();
  1066. $('body').removeClass('lock');
  1067. $('#quick_menu').removeClass('active');
  1068. $('#quick_menu .quick_con').hide();
  1069. });
  1070. //퀵메뉴 카테고리 메뉴 클릭시
  1071. $(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
  1072. $(this).toggleClass('active');
  1073. $(this).find('> ul').slideToggle(300);
  1074. $(this).siblings('li').find('> ul').slideUp(300);
  1075. $(this).siblings('li').removeClass('active');
  1076. });
  1077. //퀵메뉴 탑버튼 클릭 시
  1078. $(document).on('click','#top_btn',function(e){
  1079. $('body,html').animate({scrollTop:0});
  1080. });
  1081. //퀵메뉴_쿠폰 사용안내 팝업
  1082. $(".coupon_pop_btn").click(function() {
  1083. $(".coupon_popup").modal("show");
  1084. });
  1085. // 메인 공지 팝업 닫기
  1086. $(document).on('click','#btnPopupClose',function(e){
  1087. $('#popupMainNotice').hide();
  1088. return false;
  1089. });
  1090. */
  1091. });
  1092. //퀵메뉴탭 조회
  1093. var tabAnchor = $('.quick_btn button'),
  1094. tabPanel = $('#quick_menu .quick_con');
  1095. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1096. e.preventDefault();
  1097. $('body').addClass('lock');
  1098. $('#quick_menu').addClass('active');
  1099. tabAnchor.removeClass('active');
  1100. $(this).addClass('active');
  1101. var NewLink = $(this).attr('data-tab');
  1102. tabPanel.hide();
  1103. $('.' + NewLink).show();
  1104. });
  1105. // Family Site
  1106. $('.family_link').on('click','.btn',function(e){
  1107. e.preventDefault();
  1108. e.stopPropagation();
  1109. $(this).parents('.family_link').find('#family_site').slideToggle(100);
  1110. $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
  1111. });
  1112. $(document).click(function(){
  1113. $('#family_site').hide();
  1114. $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
  1115. });
  1116. var tabAnchor = $('.quick_btn button'),
  1117. tabPanel = $('#quick_menu .quick_con');
  1118. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1119. e.preventDefault();
  1120. $('body').addClass('lock');
  1121. $('#quick_menu').addClass('active');
  1122. tabAnchor.removeClass('active');
  1123. $(this).addClass('active');
  1124. var NewLink = $(this).attr('data-tab');
  1125. tabPanel.hide();
  1126. $('.' + NewLink).show();
  1127. });
  1128. //퀵메뉴_쿠폰
  1129. var couponAnchor = $('.coupon_tab a'),
  1130. couponPanel = $('.coupon_area');
  1131. $(document).on('click','.coupon_tab a',function(e){
  1132. e.preventDefault();
  1133. couponAnchor.removeClass('active');
  1134. $(this).addClass('active');
  1135. var NewLink = $(this).attr('href');
  1136. couponPanel.hide();
  1137. $(NewLink).show();
  1138. });
  1139. //퀵메뉴 닫을 때
  1140. $(document).on('click','#quick_menu .quick_close_btn',function(e){
  1141. e.preventDefault();
  1142. $('body').removeClass('lock');
  1143. $('#quick_menu').removeClass('active');
  1144. $('#quick_menu .quick_con').hide();
  1145. });
  1146. //퀵메뉴 카테고리 메뉴 클릭시
  1147. $(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
  1148. $(this).toggleClass('active');
  1149. $(this).find('> ul').slideToggle(300);
  1150. $(this).siblings('li').find('> ul').slideUp(300);
  1151. $(this).siblings('li').removeClass('active');
  1152. });
  1153. //퀵메뉴 탑버튼 클릭 시
  1154. $(document).on('click','#top_btn',function(e){
  1155. $('body,html').animate({scrollTop:0});
  1156. });
  1157. //퀵메뉴_쿠폰 사용안내 팝업
  1158. $(".coupon_pop_btn").click(function() {
  1159. $(".coupon_popup").modal("show");
  1160. });
  1161. // 메인 공지 팝업 닫기
  1162. $(document).on('click','#btnPopupClose',function(e){
  1163. $('#popupMainNotice').hide();
  1164. return false;
  1165. });
  1166. //퀵메뉴
  1167. // $('#ulQuickMenuCate').load('FooterWeb.html', function() {
  1168. fnCreateQuickMenuTab();
  1169. // });
  1170. //Family Site load 후
  1171. // $('#family_site').load('FooterWeb.html', function() {
  1172. fnGetFamilySite();
  1173. // });
  1174. //최근본상품 조회
  1175. // $('#quickMenuTodayGoods').load('FooterWeb.html', function() {
  1176. fnGetRecentlyGoods();
  1177. // });
  1178. // 장바구니 조회
  1179. // $('#quick_menu .shopingbag.quick_con.quick02 .quick_body').load('FooterWeb.html', function() {
  1180. fnGetCartGoodsList();
  1181. // });
  1182. // 위시리스트
  1183. // $('#quickMenuWishList').load('FooterWeb.html', function() {
  1184. fnGetWishList();
  1185. // });
  1186. // 팝업조회
  1187. //$('#layer_popup').load('footer.html', function() {
  1188. fnGetPopup();
  1189. //});
  1190. // 쿠폰조회
  1191. // $('#issueCoupon').load('FooterWeb.html', function() {
  1192. //$("#issueCouponBtn").trigger("click");
  1193. couponAnchor.eq(0).trigger('click');
  1194. // });
  1195. //$("#issueCouponBtn").trigger("click");
  1196. //couponAnchor.eq(0).trigger('click');
  1197. /*]]>*/
  1198. </script>
  1199. <script th:inline="javascript">
  1200. /*<![CDATA[*/
  1201. var element_layer = document.getElementById('zipcode_layer');
  1202. var cfnGetDaumRoadAddr = function(data) {
  1203. // 팝업에서 검색결과 항목을 클릭했을 때 실행할 코드를 작성하는 부분입니다.
  1204. // 예제를 참고하여 다양한 활용법을 확인해 보세요.
  1205. // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분
  1206. // 도로명 주소의 노출 규칙에 따라 주소를 조합한다.
  1207. // 내려오는 변수가 값이 없는 경우엔 공백('') 값을 가지므로, 이를 참고하여 분기한다.
  1208. let fullRoadAddr = data.roadAddress; // 도로명 주소 변수
  1209. let extraRoadAddr = ''; // 도로명 조합형 주소 변수
  1210. // 법정동명이 있을 경우 추가한다. (법정리는 제외)
  1211. // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
  1212. if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
  1213. extraRoadAddr += data.bname;
  1214. }
  1215. // 2021.08.11 건물명이 제대로 나오지 않음 수정
  1216. // 건물명이 있고, 공동주택일 경우 추가한다.
  1217. //if (data.buildingName !== '' && data.apartment === 'Y') {
  1218. if (data.buildingName !== '') {
  1219. extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
  1220. }
  1221. // 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
  1222. if (extraRoadAddr !== '') {
  1223. extraRoadAddr = ' (' + extraRoadAddr + ')';
  1224. }
  1225. // 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.
  1226. if (fullRoadAddr !== '') {
  1227. fullRoadAddr += extraRoadAddr;
  1228. }
  1229. return fullRoadAddr;
  1230. }
  1231. var cfnOpenDaumAddr = function(daumZip) {
  1232. // 다은우편번호팝업 노출
  1233. $("#daumZipcodePop").show();
  1234. if ($('html').hasClass('is-ie')) {
  1235. daumZip.open();
  1236. } else {
  1237. daumZip.embed(element_layer);
  1238. // iframe을 넣은 element를 보이게 한다.
  1239. element_layer.style.display = 'block';
  1240. // iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다.
  1241. cfnInitLayerPosition();
  1242. }
  1243. }
  1244. var cfnCloseDaumAddr = function() {
  1245. // iframe을 넣은 element를 안보이게 한다.
  1246. element_layer.style.display = 'none';
  1247. // 다음우편번호팝업 닫기
  1248. $("#daumZipcodePop").hide();
  1249. }
  1250. // 브라우저의 크기 변경에 따라 레이어를 가운데로 이동시키고자 하실때에는
  1251. // resize이벤트나, orientationchange이벤트를 이용하여 값이 변경될때마다 아래 함수를 실행 시켜 주시거나,
  1252. // 직접 element_layer의 top,left값을 수정해 주시면 됩니다.
  1253. var cfnInitLayerPosition = function() {
  1254. //let width = 420; //우편번호서비스가 들어갈 element의 width
  1255. //let height = 502; //우편번호서비스가 들어갈 element의 height
  1256. let borderWidth = 1; //샘플에서 사용하는 border의 두께
  1257. // 위에서 선언한 값들을 실제 element에 넣는다.
  1258. //element_layer.style.width = width + 'px';
  1259. //element_layer.style.height = height + 'px';
  1260. element_layer.style.border = borderWidth + 'px solid';
  1261. // 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
  1262. /*
  1263. element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width) / 2 - borderWidth) + 'px';
  1264. element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height) / 2 - borderWidth) + 'px';
  1265. */
  1266. // 다음 레이어 적용
  1267. $("#__daum__layer_1").css("z-index", 3000);
  1268. }
  1269. // 다음우편번호팝업 닫기
  1270. $("#daumZipcodePop_close").on("click", function(){
  1271. $("#daumZipcodePop").hide();
  1272. });
  1273. /* 210427_수정 : err 이미지 스크립트 */
  1274. function noneImg(noneSrc){
  1275. $(noneSrc).parents('.itemPic').css({'background':'url(' + _uximgUrl + '/images/pc/thumb/bg_item_none.png)'});
  1276. $(noneSrc).css({'opacity':'0'});
  1277. //$(noneSrc).attr("src", no_src);
  1278. }
  1279. /*]]>*/
  1280. </script>
  1281. <!-- 네이버페이 유입 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 -->
  1282. <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
  1283. <script type="text/javascript">
  1284. if (!wcs_add) var wcs_add={};
  1285. wcs_add["wa"] = "${@environment.getProperty('naverPay.common.certification.key')}";
  1286. if (!_nasa) var _nasa={};
  1287. if(window.wcs){
  1288. wcs.inflow("style24.com");
  1289. wcs_do(_nasa);
  1290. }
  1291. </script>
  1292. </footer>
  1293. </html>