172.31.1.96
80
etah everything about home.
검색하기
장바구니
1
카테고리페이지가기
베스트
특가
기획전
이벤트
해외직구
컨텐츠
홈
DIY
철물/하드웨어
인테리어장식
상품번호 : 1264500
[일시정지]
[바이핸즈]빠른경화 고탄성 창호전용폼/FM230/B2/일브룩
13,200
원
찜하기
공유하기
배송비
3,000원 (50,000원 이상 무료배송)
바이핸즈 브랜드관
에타 이벤트
상품정보
추천
상품평(0)
상품문의(0)
상품정보
<br><br> <br/> <br/> </div> <!-- 상품/거래조건 기본정보// --> <h3 class="info-title">상품/거래조건 기본정보</h3> <div class="basic-table-wrap basic-table-wrap--title-bg vip-prd-basic-info"> <table class="basic-table"> <colgroup> <col style="width:55%;"> <col style="width:45%;"> </colgroup> <tr> <th scope="row" class="tb-info-title">품명</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">KC 인증정보</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">색상</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">구성품</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">주요 소재</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">제조자, 수입품의 경우 수입자를 함께 표기</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">제조국</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">크기</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">재공급(리퍼브) 가구의 경우 재공급 사유 및 하자 부위에 관한 정보</th> <td></td> </tr> <tr> <th scope="row" class="tb-info-title">배송·설치비용</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">품질보증기준</th> <td>상세페이지참조</td> </tr> <tr> <th scope="row" class="tb-info-title">A/S 책임자와 전화번호</th> <td>상세페이지참조</td> </tr> </table> </div> <!-- //상품/거래조건 기본정보 --> <!-- 배송정보// --> <h3 class="info-title">배송정보</h3> <div class="basic-table-wrap"> <table class="basic-table"> <colgroup> <col style="width:20%;"> <col style="width:80%;"> </colgroup> <tr> <th scope="row" class="tb-info-title">배송방법</th> <td class="tb-info-txt">로젠택배</td> </tr> <tr> <th scope="row" class="tb-info-title">배송지역</th> <td class="tb-info-txt"> 전국 </td> </tr> <tr> <th scope="row" class="tb-info-title">배송비용</th> <td class="tb-info-txt"> 3,000원 (50,000원 이상 무료배송) </td> </tr> <tr> <th scope="row" class="tb-info-title">배송안내</th> <td class="tb-info-txt">상품페이지에 배송비(지역별 추가 배송비 등) 및 배송가능지역에 관한 브랜드 기준이 있는 경우에는 해당 내용이 우선 적용되오니, 상품상세페이지 내용을 반드시 확인해 주십시오.<br> (특히, 가구 등의 상품은 지역에 따라 배송제한 및 추가 배송비용이 착불로 발생할 수 있습니다.)<br><br> 차량의 이동이 어려운 일부 도서지역 및 제주도는 배송이 불가할 수도 있으니 반드시 상담 후 주문해 주시길 바랍니다.<br><br> 배송 시 연락처 오기재 및 주소 불분명, 그리고 수취인 부재 시 배송이 지연될 수 있습니다.<br><br> 사다리차 및 엘리베이터 사용 시 발생하는 비용 및 단순변심에 의한 반품/교환 왕복배송비는 고객님께서 부담해주셔야 합니다. </td> </tr> </table> </div> <!-- //배송정보 --> <!-- 교환/환불// --> <h3 class="info-title">반품/환불</h3> <div class="basic-table-wrap"> <table class="basic-table"> <colgroup> <col style="width:20%;"> <col style="width:80%;"> </colgroup> <tr> <th scope="col" class="tb-info-title">지정택배사</th> <td class="tb-info-txt">로젠택배</td> </tr> <tr> <th scope="row" class="tb-info-title">교환배송비</th> <td class="tb-info-txt"> 3,000원 (편도) </td> </tr> <tr> <th scope="row" class="tb-info-title">보내실 곳</th> <td class="tb-info-txt"> (21538) 인천시 남동구 구월남로 342번길 34 동창빌딩 3층 </td> </tr> <tr> <th scope="row" class="tb-info-title">교환안내</th> <td class="tb-info-txt"> 상품페이지에 반품/환불/AS에 관한 브랜드 기준이 있는 경우에는 해당 내용이 본 항목을 우선하여 적용됩니다.<br><br> 반품 신청은 배송완료 후 7일 이내 가능합니다.<br><br>변심 반품의 경우 왕복배송비를 차감한 금액이 환불되며, 제품 및 포장 상태가 재판매 가능하여야 합니다. (상품 불량인 경우는 배송비를 포함한 전액이 환불됩니다.)<br><br> 출고 이후 환불요청 시 상품 회수 후 처리됩니다.<br><br>주문제작상품은 변심으로 인한 반품/환불이 불가합니다. </td> </tr> </table> </div> <!-- //교환/환불 --> </div> </div> <button class="btn-prd-view-more">상품정보 더보기</button> </div> <!-- //상품정보 --> <!-- 추천// --> <div id="prdRecommend" class="vip-tab-cont func1"> <!-- 이 카테고리 베스트 상품 // --> <h3 class="info-title">이 카테고리 베스트 상품</h3> <div class="prd-list-wrap"> <ul class="prd-list prd-list--main owl-carousel owl-dot2"> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/1479081"> <div class="item auto-img"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/1479081/223_20180817152940_1000px_smile_message_doorbell_1.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1479081"> <dl class="prd-info"> <dt class="prd-item-brand">코벳</dt> <dd class="prd-item-tit">스마일 메시지 도어벨</dd> <dd class="prd-item-price"> 19,140<span class="won"> 원</span><br> <del class="del-price">22,000원</del> <span class="dc-rate">(13%<span class="spr-common ico-arrow-down"></span>) </span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item">쿠폰할인</li> </ul> </a> </div> </li> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/1479073"> <div class="item auto-img"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/1479073/223_20180817152638_1000px_sunflower_message_doorbell_1.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1479073"> <dl class="prd-info"> <dt class="prd-item-brand">코벳</dt> <dd class="prd-item-tit">해바라기 메시지 도어벨</dd> <dd class="prd-item-price"> 19,140<span class="won"> 원</span><br> <del class="del-price">22,000원</del> <span class="dc-rate">(13%<span class="spr-common ico-arrow-down"></span>) </span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item">쿠폰할인</li> </ul> </a> </div> </li> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/1479084"> <div class="item auto-img"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/1479084/223_20180817153746_1000px_meow_message_doorbell_1.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1479084"> <dl class="prd-info"> <dt class="prd-item-brand">코벳</dt> <dd class="prd-item-tit">야옹 메시지 도어벨</dd> <dd class="prd-item-price"> 19,140<span class="won"> 원</span><br> <del class="del-price">22,000원</del> <span class="dc-rate">(13%<span class="spr-common ico-arrow-down"></span>) </span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item">쿠폰할인</li> </ul> </a> </div> </li> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/1479082"> <div class="item auto-img"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/1479082/223_20180817153337_1000px_cactus_message_doorbell_1.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1479082"> <dl class="prd-info"> <dt class="prd-item-brand">코벳</dt> <dd class="prd-item-tit">선인장 메시지 도어벨</dd> <dd class="prd-item-price"> 19,140<span class="won"> 원</span><br> <del class="del-price">22,000원</del> <span class="dc-rate">(13%<span class="spr-common ico-arrow-down"></span>) </span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item">쿠폰할인</li> </ul> </a> </div> </li> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/1479083"> <div class="item auto-img"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/1479083/223_20180817153549_1000px_peace_message_doorbell_1.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1479083"> <dl class="prd-info"> <dt class="prd-item-brand">코벳</dt> <dd class="prd-item-tit">평화 메시지 도어벨</dd> <dd class="prd-item-price"> 19,140<span class="won"> 원</span><br> <del class="del-price">22,000원</del> <span class="dc-rate">(13%<span class="spr-common ico-arrow-down"></span>) </span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item">쿠폰할인</li> </ul> </a> </div> </li> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/2027258"> <div class="item auto-img"> <div class="img"> <img src="https://s3.ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/goods_2021090419422316307521430424.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/2027258"> <dl class="prd-info"> <dt class="prd-item-brand">셀레티</dt> <dd class="prd-item-tit">FU인더스트리컬렉션스퀘어테이블_블루</dd> <dd class="prd-item-price"> 1,130,000<span class="won"> 원</span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item free_shipping">무료배송</li> </ul> </a> </div> </li> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/2027257"> <div class="item auto-img"> <div class="img"> <img src="https://s3.ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/goods_2021082313410916296936697752.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/2027257"> <dl class="prd-info"> <dt class="prd-item-brand">셀레티</dt> <dd class="prd-item-tit">FU인더스트리컬렉션스퀘어테이블_화이트</dd> <dd class="prd-item-price"> 1,130,000<span class="won"> 원</span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item free_shipping">무료배송</li> </ul> </a> </div> </li> <li class="prd-item"> <div class="pic"> <a href="/goods/detail/2027259"> <div class="item auto-img"> <div class="img"> <img src="https://s3.ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/goods_2021082206413116295820914883.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/2027259"> <dl class="prd-info"> <dt class="prd-item-brand">셀레티</dt> <dd class="prd-item-tit">FU인더스트리컬렉션스퀘어테이블_블랙</dd> <dd class="prd-item-price"> 1,130,000<span class="won"> 원</span> </dd> </dl> <ul class="prd-label-list"> <li class="prd-label-item free_shipping">무료배송</li> </ul> </a> </div> </li> </ul> </div> <!-- // 이 카테고리 베스트 상품 --> <!-- 이 상품이 포함된 기획전 // --> <h3 class="info-title">인기 기획전</h3> <div class="dim-subject-list"> <ul class="owl-carousel owl-nav1"> <li class="subject-item"> <a href="/goods/event/675"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/plan_event/675/458_20230313115555_bc1154a32d34e0e10691daa7aebb6348.jpg" alt=""> </div> <div class="txt"> <div class="txt-inner"> <span>사생활 보호하는 포인트 시트지</span> </div> </div> </a> </li> <li class="subject-item"> <a href="/goods/event/789"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/plan_event/789/458_20220225175444_4b807527e79a2d350b454ff6cde6f618.jpg" alt=""> </div> <div class="txt"> <div class="txt-inner"> <span>내 손으로 뚝딱! 셀프 리모델링 #페인트 #DIY용품</span> </div> </div> </a> </li> <li class="subject-item"> <a href="/goods/event/822"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/plan_event/822/458_20221004144705_9d9e8f1f9269d19738582a7cfb32ea25.jpg" alt=""> </div> <div class="txt"> <div class="txt-inner"> <span>내 손으로 만드는 나만의 공간 #셀프인테리어 #DIY용품</span> </div> </div> </a> </li> </ul> </div> <!-- 이 상품이 포함된 기획전 // --> <!-- 이 상품이 포함된 매거진 // --> <h3 class="info-title">인기 매거진</h3> <div class="dim-subject-list"> <ul class="owl-carousel owl-nav1"> <li class="subject-item"> <a href="/magazine/detail/166"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/magazine/166/307_20200128105245_8c048a19c7bffc3395d3716de3e8c6b6.jpg" alt=""> </div> <div class="txt"> <div class="txt-inner"> <span>건조한 실내 습도 높이는 법</span> </div> </div> </a> </li> <li class="subject-item"> <a href="/magazine/detail/179"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/smartEditor/20190416135721_1555390641-0.JPG" alt=""> </div> <div class="txt"> <div class="txt-inner"> <span>센스 있는 집들이 선물 BEST 5 !</span> </div> </div> </a> </li> <li class="subject-item"> <a href="/magazine/detail/169"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/smartEditor/20190305165144_1551772304-64.JPG" alt=""> </div> <div class="txt"> <div class="txt-inner"> <span>나도 셰프, 신박한 주방도구!</span> </div> </div> </a> </li> <li class="subject-item"> <a href="/magazine/detail/163"> <div class="img"> <img src="https://s3-ap-northeast-1.amazonaws.com/image.etah.co.kr/smartEditor/20190115142314_1547529794-99.JPG" alt=""> </div> <div class="txt"> <div class="txt-inner"> <span>활기찬 에너지, 리빙코랄(Living Coral)</span> </div> </div> </a> </li> </ul> </div> <!-- 이 상품이 포함된 매거진 // --> <!-- 이 브랜드 베스트 상품 // --> <div class="brand-tag-box"><a href="/goods/brand/EB00458"><span>바이핸즈 브랜드관 바로가기</span></a></div> <div class="prd-list-wrap"> <ul class="prd-list prd-list--modify" id="brandPlus"> <li class="prd-item" name="row[]"> <div class="pic"> <a href="/goods/detail/1252831"> <div class="item auto-img"> <div class="img"> <img src="https://s3.ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/goods_2021081102440316286174438581.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1252831"> <dl class="prd-info"> <dt class="prd-item-brand">바이핸즈</dt> <dd class="prd-item-tit">큐비클잠금쇠/T520S/PLUS/여닫이</dd> <dd class="prd-item-price"> 16,270<span class="won"> 원</span> </dd> </dl> <ul class="prd-label-list"> </ul> </a> </div> </li> <li class="prd-item" name="row[]"> <div class="pic"> <a href="/goods/detail/1318733"> <div class="item auto-img"> <div class="img"> <img src="https://s3.ap-northeast-1.amazonaws.com/image.etah.co.kr/goods/goods_2021081002471616285312361793.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1318733"> <dl class="prd-info"> <dt class="prd-item-brand">바이핸즈</dt> <dd class="prd-item-tit">AL유리브라켓/옵션선택/CB</dd> <dd class="prd-item-price"> 2,200<span class="won"> 원</span> </dd> </dl> <ul class="prd-label-list"> </ul> </a> </div> </li> <li class="prd-item" name="row[]"> <div class="pic"> <a href="/goods/detail/1252232"> <div class="item auto-img"> <div class="img"> <img src="https://s3.amazonaws.com/devimg.etah.co.kr/goods/goods_2024010311275217042488721450.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/1252232"> <dl class="prd-info"> <dt class="prd-item-brand">바이핸즈</dt> <dd class="prd-item-tit">주물평철/엠보/T자/보강철물/규격선택</dd> <dd class="prd-item-price"> 2,240<span class="won"> 원</span> </dd> </dl> <ul class="prd-label-list"> </ul> </a> </div> </li> <li class="prd-item" name="row[]"> <div class="pic"> <a href="/goods/detail/3608059"> <div class="item auto-img"> <div class="img"> <img src="https://s3.amazonaws.com/devimg.etah.co.kr/goods/goods_2022052711054716536171476768.jpg" alt=""> </div> </div> <div class="tag-wrap"> </div> </a> </div> <div class="prd-info-wrap"> <a href="/goods/detail/3608059"> <dl class="prd-info"> <dt class="prd-item-brand">바이핸즈</dt> <dd class="prd-item-tit">끈/고추끈</dd> <dd class="prd-item-price"> 6,120<span class="won"> 원</span> </dd> </dl> <ul class="prd-label-list"> </ul> </a> </div> </li> </ul> </div> <!-- // 이 브랜드 베스트 상품 --> <button class="btn-white btn-white--big" id="btn-plus-show" onclick="jsBrandPlus(1264500, 'EB00458')">상품 더보기</button> </div> <!-- //추천 --> <!-- 상품평// --> <div id="prdComment" class="vip-tab-cont prd-assessment-wrap func2"> <h3 class="info-title">상품평</h3> <form id="updFile" name="updFile" method="post" enctype="multipart/form-data"> <input type="hidden" id="goods_code" name="goods_code" value="1264500"> <!--상품코드--> <input type="hidden" id="pre_page_C" name="pre_page_C" value="1"> <!--초기엔 현재 페이지, 후엔 이전 페이지 --> <input type="hidden" id="limit_num_C" name="limit_num_C" value="5"> <!--한 페이지에 보여주는 갯수--> <input type="hidden" id="total_cnt_C" name="total_cnt_C" value="0"> <!--전체 문의글 갯수--> <input type="hidden" id="totla_page_C" name="total_page_C" value="0"> <!--전체 페이지 수--> <input type="hidden" id="next_C" name="next_C" value='0'> <!--페이징 다음 누를시 1씩 증가--> <ul class="prd-assessment-list" id="comment_body"> <li class="prd-qna-item"> <div class="prd-question-box"> <dl class="prd-question"> <dd class="prd-question-txt"> 등록 된 상품평이 없습니다. </dd> </dl> </div> </li> <!-- <li class="prd-assessment-item"> <span class="prd-assessment-nick">lul***</span> <span class="prd-assessment-date">2016.11.22</span> <a href="#" class="prd-assessment-link"> <p class="prd-assessment-txt">기다린만큼 좋아요. 배송도 빠르고 적극 추천합니다!</p> <p class="prd-assessment-name">움브라 바나 더블 타올홀더</p> </a> <div class="star-grade-box"> <span class="star-rating spr-common"><span class="star-ico spr-common" style="width:80%"></span></span> </div> </li> <li class="prd-assessment-item"> <span class="prd-assessment-nick">lul***</span> <span class="prd-assessment-date">2016.11.22</span> <a href="#" class="prd-assessment-link"> <p class="prd-assessment-txt">기다린만큼 좋아요. 배송도 빠르고 적극 추천합니다!</p> <p class="prd-assessment-name">움브라 바나 더블 타올홀더</p> </a> <div class="star-grade-box"> <span class="star-rating spr-common"><span class="star-ico spr-common" style="width:80%"></span></span> </div> </li> --> </ul> <!-- 페이징 // --> <!-- <div class="position_area" id="comment_pagination_position">--> <div id="comment_pagination_position"> <div class="page" id="comment_pagination"> </div> </div> <!-- </div>--> <!-- // 페이징 --> <ul class="common-btn-box"> <li class="common-btn-item"><a id="aa" href="#prdCommentWrite" class="btn-vip-write" data-ui="vip-layer"><span class="arrow">상품평 작성하기</span></a></li> </ul> <!-- 상품평 작성하기 레이어 // --> <div class="write-layer prd-comment-write" id="prdCommentWrite"> <h4 class="write-layer-title">상품평 작성하기</h4> <div class="write-layer-content"> <ul class="prd-comment-write-star"> <input type="hidden" id="grade_val01" name="grade_val01" value=""> <input type="hidden" id="grade_val02" name="grade_val02" value=""> <input type="hidden" id="grade_val03" name="grade_val03" value=""> <input type="hidden" id="grade_val04" name="grade_val04" value=""> <li class="prd-comment-write-star-item"> <span class="title">품질</span> <ul class="star-grade-select" id="grade01"> <li id="comment_01_1" name="comment_01" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_01_2" name="comment_01" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_01_3" name="comment_01" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_01_4" name="comment_01" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_01_5" name="comment_01" class="star-grade-select-item spr-common spr-star"></li> </ul> </li> <li class="prd-comment-write-star-item" id="grade02"> <span class="title">배송</span> <ul class="star-grade-select"> <li id="comment_02_1" name="comment_02" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_02_2" name="comment_02" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_02_3" name="comment_02" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_02_4" name="comment_02" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_02_5" name="comment_02" class="star-grade-select-item spr-common spr-star"></li> </ul> </li> <li class="prd-comment-write-star-item" id="grade03"> <span class="title">가격</span> <ul class="star-grade-select"> <li id="comment_03_1" name="comment_03" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_03_2" name="comment_03" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_03_3" name="comment_03" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_03_4" name="comment_03" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_03_5" name="comment_03" class="star-grade-select-item spr-common spr-star"></li> </ul> </li> <li class="prd-comment-write-star-item" id="grade04"> <span class="title">디자인</span> <ul class="star-grade-select"> <li id="comment_04_1" name="comment_04" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_04_2" name="comment_04" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_04_3" name="comment_04" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_04_4" name="comment_04" class="star-grade-select-item spr-common spr-star"></li> <li id="comment_04_5" name="comment_04" class="star-grade-select-item spr-common spr-star"></li> </ul> </li> </ul> <div class="form-line form-line--wide prd-comment-write-textarea"> <div class="form-line-info"> <textarea class="input-text input-text--textarea" id="comment_contents" name="comment_contents" placeholder=" * 20자 이상 구매평을 남겨주셔야 등록이 가능합니다. * 텍스트 구매평 1000점 마일리지 / 사진 추가시 2000점 마일리지 * 후기하고 관련 된 상품의 사진 아니면 마일리지 추후 차감 될수 있습니다. * 구매평 적립 제외 : 실 결제금액이 5000원 미만인경우 상품평 작성에 대한 마일리지 적립이 제외됩니다. * 동일상품에 대한 구매평 적립혜택은 1회로 제한 되며 적립후 30일 경과시 구매평 적립혜택을 다시 받을수 있습니다. "></textarea> </div> </div> <!-- 첨부파일 이미지 // --> <div class="form-line form-line--wide" id="tblFileUpload"> <div class="form-line form-line--wide" name="cmrow[]"> <div class="form-line-info"> <div class="file-upload"> <span class="file-upload-title">첨부</span> <input class="input-text" placeholder="파일찾기로 첨부할 이미지를 선택하세요." readonly name="file_url[]" id="file_url_0"> <a href="javaScript:jsDel(0)" class="spr-btn_delete plus" title="이미지삭제"></a> <label for="fileUpload_0" class="btn-white btn-white--bold">파일찾기</label> <input type="file" id="fileUpload_0" name="fileUpload[]" class="upload-hidden" onChange="javaScript:viewFileUrl(this, 0);"> <button class="file_puls_btn" onclick="return false;"><img src="/assets/images/sprite/btn_plus.png" alt="" onclick="javaScript:jsAdd();"></button> </div> </div> </div> </div> <ul class="text-list"> <li class="text-item">jpg, gif 파일만 5MB까지 업로드 가능 합니다.</li> </ul> <!-- // 첨부파일 이미지 --> </div> <ul class="common-btn-box"> <li class="common-btn-item"><a href="#" class="btn-white btn-white--big">취소</a></li> <li class="common-btn-item"><a href="javascript:jsComment();" class="btn-black btn-black--big">등록하기</a></li> </ul> <a href="#prdCommentWrite" class="btn-close" data-ui="vip-layer-close"><span class="hide">레이어 닫기</span></a> </div> <!-- // 상품평 작성하기 레이어 --> </form> <div id="modify_comment"></div> <script type="text/javascript"> //=============================================================== // 상품평쓰기 버튼을 누를 시, 로그인 상태 체크 //=============================================================== $(function(){ $("#aa").on('click', function(e) { var SESSION_ID = ""; if(SESSION_ID == '' || SESSION_ID == 'GUEST' || SESSION_ID == 'TMP_GUEST'){ if(confirm("로그인 후 상품평 쓰기가 가능합니다. \n로그인하시겠습니까?")){ location.href = "https://m.etahome.co.kr/member/login"; } else { setTimeout(function(){ $("#aa").removeClass(); $("#aa").addClass('btn-vip-write'); $("#prdCommentWrite").hide(); }, 1); } } }) }) $(function(){ $("#grade01").on('click', function(e) { var idx = 1; //상품평의 별 갯수 체크하기 위한 인덱스 var comment_grade_val01 = 0; //상품평(품질) $("li[name='comment_01']").each(function() { if($("#comment_01_"+idx).attr('class') == 'star-grade-select-item spr-common spr-star active'){ comment_grade_val01 ++; } idx ++; }) $("input[name='grade_val01']").val(comment_grade_val01); }) }) $(function(){ $("#grade02").on('click', function(e) { var idx = 1; //상품평의 별 갯수 체크하기 위한 인덱스 var comment_grade_val02 = 0; //상품평(배송) $("li[name='comment_02']").each(function() { if($("#comment_02_"+idx).attr('class') == 'star-grade-select-item spr-common spr-star active'){ comment_grade_val02 ++; } idx ++; }) $("input[name='grade_val02']").val(comment_grade_val02); }) }) $(function(){ $("#grade03").on('click', function(e) { var idx = 1; //상품평의 별 갯수 체크하기 위한 인덱스 var comment_grade_val03 = 0; //상품평(가격) $("li[name='comment_03']").each(function() { if($("#comment_03_"+idx).attr('class') == 'star-grade-select-item spr-common spr-star active'){ comment_grade_val03 ++; } idx ++; }) $("input[name='grade_val03']").val(comment_grade_val03); }) }) $(function(){ $("#grade04").on('click', function(e) { var idx = 1; //상품평의 별 갯수 체크하기 위한 인덱스 var comment_grade_val04 = 0; //상품평(디자인) $("li[name='comment_04']").each(function() { if($("#comment_04_"+idx).attr('class') == 'star-grade-select-item spr-common spr-star active'){ comment_grade_val04 ++; } idx ++; }) $("input[name='grade_val04']").val(comment_grade_val04); }) }) $(function(){ $("#grade05").on('click', function(e) { var idx = 1; //상품평의 별 갯수 체크하기 위한 인덱스 var comment_grade_val05 = 0; //상품평(만족도) $("li[name='comment_05']").each(function() { if($("#comment_05_"+idx).attr('class') == 'star-grade-select-item spr-common spr-star active'){ comment_grade_val05 ++; } idx ++; }) $("input[name='grade_val05']").val(comment_grade_val05); }) }) //=============================================================== // 파일경로 보여주기 //=============================================================== function viewFileUrl(input, idx){ if($("#fileUpload_"+idx).val()){ //파일 확장자 확인 if(!imgChk($("#fileUpload_"+idx).val())){ alert("jpg, gif, png 파일만 업로드 가능합니다."); //파일 초기화 $("#fileUpload_"+idx).replaceWith($("#fileUpload_"+idx).clone(true)); $("#fileUpload_"+idx).val(''); $("#file_url_"+idx).val(''); return false; } } if(input.files[0].size > 1024*5000){ //파일 사이즈 확인 alert("파일의 최대 용량을 초과하였습니다. \n파일은 5MB(5120KB) 제한입니다. \n현재 파일용량 : "+ parseInt(input.files[0].size/1024)+"KB"); //파일 초기화 $("#fileUpload_"+idx).replaceWith($("#fileUpload_"+idx).clone(true)); $("#fileUpload_"+idx).val(''); $("#fileUpload_"+idx).val(''); return false; } else { $("#file_url_"+idx).val($("#fileUpload_"+idx).val()); } } //=============================================================== // 지우기 //=============================================================== function jsDel(idx){ $("#fileUpload_"+idx).replaceWith($("#fileUpload_"+idx).clone(true)); $("#fileUpload_"+idx).val(''); $("#file_url_"+idx).val(''); } //=============================================================== // 추가이미지 //=============================================================== function jsAdd(){ var index = document.getElementsByName("cmrow[]").length; if(index == 5 ) { alert("이미지는 최대 5개까지 업로드 가능합니다."); return false; } $("#tblFileUpload").append( "<div class=\"form-line form-line--wide\" name=\"cmrow[]\">" + "<div class=\"form-line-info\">" + "<div class=\"file-upload\">" + "<span class=\"file-upload-title\">첨부</span>" + "<input class=\"input-text\" placeholder=\"파일찾기로 첨부할 이미지를 선택하세요.\" readonly name=\"file_url[]\" id=\"file_url_"+index+"\">" + "<a href=\"javaScript:jsDel("+index+")\" class=\"spr-btn_delete plus\" title=\"이미지삭제\"></a>" + "<label for=\"fileUpload_"+index+"\" class=\"btn-white btn-white--bold\">파일찾기</label>" + "<input type=\"file\" id=\"fileUpload_"+index+"\" name=\"fileUpload[]\" class=\"upload-hidden\" onChange=\"javaScript:viewFileUrl(this, "+index+");\">" + "<button class=\"file_puls_btn\" onclick=\"return false;\"><img src=\"/assets/images/sprite/btn_plus.png\" alt=\"\" onclick=\"javaScript:jsAdd();\"></button>" + "</div>" + "</div>" + "</div>" ) } //=============================================================== // 확장자 체크 함수 생성 //=============================================================== function imgChk(str){ var pattern = new RegExp(/\.(gif|jpg|jpeg|png)$/i); if(!pattern.test(str)) { return false; } else { return true; } } //=============================================================== // 상품평 등록하기 //=============================================================== function jsComment(){ var data = new FormData($('#updFile')[0]); var comment_goods_code = $("input[name=goods_code]").val(); //상품코드 var comment_contents = $("#comment_contents").val(); //상품평 내용 var comment_grade_val01 = $("input[name='grade_val01']").val(); //상품평(품질) var comment_grade_val02 = $("input[name='grade_val02']").val(); //상품평(배송) var comment_grade_val03 = $("input[name='grade_val03']").val(); //상품평(가격) var comment_grade_val04 = $("input[name='grade_val04']").val(); //상품평(디자인) var comment_grade_val05 = $("input[name='grade_val05']").val(); //상품평(만족도) var mem_id = ""; //상품평 작성하는 아이디 if( comment_grade_val01 == 0){ alert('품질 만족도를 표시해주시기 바랍니다.'); return false; } if( comment_grade_val02 == 0){ alert('배송 만족도를 표시해주시기 바랍니다.'); return false; } if( comment_grade_val03 == 0){ alert('가격 만족도를 표시해주시기 바랍니다.'); return false; } if( comment_grade_val04 == 0){ alert('디자인 만족도를 표시해주시기 바랍니다.'); return false; } if( comment_grade_val05 == 0){ alert('만족도를 표시해주시기 바랍니다.'); return false; } if( ! comment_contents ){ alert('상품평 내용을 입력하시기 바랍니다.'); $("input[name=comment_contents]").focus(); return false; } if(comment_contents.length < 20){ alert('20자 이상 구매평을 남겨주세요.'); $("input[name=comment_contents]").focus(); return false; } // 2016-12-22 mywiz controller에 추가 $.ajax({ type: 'POST', url: '/mywiz/comment_regist', // dataType: 'json', data: data, async: false, cache: false, contentType: false, processData: false, error: function(res) { alert('Database Error'); }, success: function(res) { if(res.status == 'ok'){ alert('등록이 완료 되었습니다.'); location.reload(); } else alert(res.message); } }) } //=============================================================== // 페이징 //=============================================================== function jsPaging_Comment(page){ var goods_code = $("input[name=goods_code]").val(); //상품코드 var pre_page = $("input[name=pre_page_C]").val(); //이전페이지 var total_cnt = $("input[name=total_cnt_C]").val(); //전체 갯수 var limit_num = $("input[name=limit_num_C]").val(); //한 페이지당 보여줄 갯수 var idx = total_cnt - limit_num * (page - 1); //순번 역순 var next = $('input[name=next_C]').val(); //다음페이지를 만들지 말지 비교를 위한 변수 $.ajax({ type: 'POST', url: '/goods/comment_paging', dataType: 'json', data: {goods_code : goods_code, page : page, limit : limit_num}, error: function(res) { alert('Database Error'); alert(res.responseText); }, success: function(res) { if(res.status == 'ok'){ var comment = res.comment; var comment_temp = ""; for(var i=0; i<comment.length; i++){ comment_temp += "<li class=\"prd-assessment-item\" data-toggle=\"toggle-parent\">" + "<span class=\"prd-assessment-nick\">"+comment[i]['CUST_ID']+"</span>" + "<span class=\"prd-assessment-date\">"+comment[i]['CUST_GOODS_COMMENT_REG_DT']+"</span>" + "<div class=\"star-grade-box\">" + "<span class=\"star-rating spr-common\"><span class=\"star-ico spr-common\" style=\"width:"+comment[i]['TOTAL_GRADE_VAL']*20+"%\"></span></span>" + "</div>" + "<div class=\"prd-assessment-link\">" + "<p class=\"prd-assessment-txt\">"+comment[i]['CONTENTS'].replace(/<br\s*[\/]?>/gi, '\n').substring(0,300).replace(/(\n|\r\n)/g, '<br>')+ "<span class=\"prd-assessment-txt\" style=\"display: none;\" id=\"hidContents"+idx+"\">"+comment[i]['CONTENTS'].replace(/<br\s*[\/]?>/gi, '\n').substring(300).replace(/(\n|\r\n)/g, '<br>')+"</span>" + "</p>"; if(comment[i]['CONTENTS'].replace(/<br\s*[\/]?>/gi, '\n').length > 300){ comment_temp += "<ul class=\"media-common-btn-list\">" + "<li class=\"media-common-btn-item\"><a href=\"javaScript://\" class=\"btn-prd-order-detail\" onclick=\"javaScript:folding_contents('M', "+idx+")\" id=\"fold_btn"+idx+"\">더보기</a></li>" + "</ul>"; } comment_temp += "<br/><p class=\"prd-assessment-name\">"+comment[i]['GOODS_OPTION_NM']+"</p>"; if( (comment[i]['CUST_NO'] != null) && (comment[i]['CUST_NO'] == '') ){ comment_temp += "<ul class=\"media-common-btn-list\">" + "<li class=\"media-common-btn-item\"><a href=\"#layerPrdCommentModify\" class=\"btn-prd-order-detail\" onclick=\"javaScript:modify_comment_layer("+comment[i]['CUST_GOODS_COMMENT']+")\">수정</a></li>"+ "<li class=\"media-common-btn-item\"><a href=\"javaScript:;\" class=\"btn-prd-order-detail\" onclick=\"javaScript:delete_comment("+comment[i]['CUST_GOODS_COMMENT']+")\">삭제</a></li>" + "</ul>"; } comment_temp += "</div>" + "<div class=\"prd_review\" id=\"prd_review\">" + "<ul>" + "<li class=\"list\">" + "<ul class=\"detail\">"; if(comment[i]['FILE_PATH']){ for(var j=0;j<comment[i]['FILE_PATH'].length;j++){ comment_temp += "<li>" + "<span class=\"hide\">"+idx+"_"+j+"</span>" + "<a class=\"view\" href=\"#pro"+idx+"_"+j+"\">" + "<img src=\""+comment[i]['FILE_PATH'][j]['FILE_PATH']+"\" alt=\"\">" + "</a>" + "</li>"; } } comment_temp += "</ul>" + "<div class=\"summary\">" + "<div class=\"summarybg\">"; if(comment[i]['FILE_PATH']){ for(var p=0;p<comment[i]['FILE_PATH'].length;p++){ comment_temp += "<div id=\"pro"+idx+"_"+p+"\" class=\"product\">" + "<div class=\"list_img\">" + "<img src=\""+comment[i]['FILE_PATH'][p]['FILE_PATH']+"\" alt=\"\">" + "</div>" + "</div>"; } } comment_temp += "</div>" + "</div>" + "</li>" + "</ul>" + "</div>" + "</li>"; idx --; } var strHtmlPag = makePaginationHtml_Comment(page, next, limit_num); $("#comment_pagination").remove(); $("#comment_pagination_position").append(strHtmlPag); var page_c = page % 5; if(page_c == 0){ //클래스 입힐 페이지의 위치를 알아내기 위해 page_c = 5; } $("#comment_body").html(comment_temp); $("div#comment_pagination li.page-num-item:nth-child("+pre_page+")").removeClass('active'); //이전페이지 클래스 삭제 if(next == 0){ $("div#comment_pagination li.page-num-item:nth-child("+page_c+")").addClass('active'); //현재페이지 위치에 클래스 적용 } else { page_c ++; $("div#comment_pagination li.page-num-item:nth-child("+page_c+")").addClass('active'); //현재페이지 위치에 클래스 적용 } $("input[name=pre_page_C]").val(page); //페이지 이동 전의 페이지 저장 } else alert(res.message); } }) $(document).bind('ready ajaxComplete', function(){ //자바스크립트 로드 $('header').mouseenter(function(){ //alert() $('.subBg').stop().slideDown() }) $('header').mouseleave(function(){ $('.subBg').stop().slideUp() }) $('a.view').click(function(e){ e.preventDefault(); var current=$(this).parents('.detail') $('.detail').not(current).next().animate({'height':0}) // $('.detail').next().animate({'height':0}) var href=$(this).attr('href');//화면에 보여라 안보여라 $('.detail li a').removeClass('on'); $(this).addClass('on') //alert(href) $('.product').fadeOut() $(href).fadeIn() $(href).find('.detail_arrow').addClass('on') var h=$(href).height() $(current).next().animate({'height':h}) }) $('.close').click(function(e){ e.preventDefault(); $(this).parents('.summary').animate({'height':0}) $('.detail_arrow').removeClass('on') $('a.view').removeClass('on'); }) }); } /****************************/ /* 페이징 HTML 만들기 함수 */ /****************************/ function makePaginationHtml_Comment(currPage, nextPage, limitNum){ var strHtmlPag = ""; var totalPage = $("input[name=total_page_C]").val(); var next = ""; //다음페이지를 만들지 말지 비교를 위한 변수 strHtmlPag+="<div class=\"page\" id=\"comment_pagination\">"; strHtmlPag+="<ul class=\"page-num-list\">"; if(nextPage != 0){ strHtmlPag+="<li class=\"page-num-item page-num-left\"><a class=\"page-num-link\" href=\"javascript:$('input[name=next_C]').val(parseInt($('input[name=next_C]').val())-1); jsPaging_Comment("+parseInt(5*nextPage)+");\"></a></li>"; } if(parseInt(5*nextPage+1) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging_Comment("+parseInt(5*nextPage+1)+");\">"+parseInt(5*nextPage+1)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+2) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging_Comment("+parseInt(5*nextPage+2)+");\">"+parseInt(5*nextPage+2)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+3) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging_Comment("+parseInt(5*nextPage+3)+");\">"+parseInt(5*nextPage+3)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+4) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging_Comment("+parseInt(5*nextPage+4)+");\">"+parseInt(5*nextPage+4)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+5) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging_Comment("+parseInt(5*nextPage+5)+");\">"+parseInt(5*nextPage+5)+"</a></li>"; } else { next = 'N'; } if(currPage != totalPage && totalPage > 5 && next != 'N'){ strHtmlPag+="<li class=\"page-num-item page-num-right\"><a class=\"page-num-link\" href=\"javascript:$('input[name=next_C]').val(parseInt($('input[name=next_C]').val())+1); jsPaging_Comment("+parseInt(5*nextPage+6)+");\"></a></li>"; } strHtmlPag+="</ul>"; strHtmlPag+="</div>"; return strHtmlPag; } </script> <script> //===================================== // 상품평 내용 더보기 //===================================== function folding_contents(gb, idx) { if(gb == 'M') { $("#hidContents"+idx).css("display", "inline"); //내용보이기 $("#fold_btn"+idx).removeAttr("onclick"); $("#fold_btn"+idx).attr("onclick", "javaScript:folding_contents('F',"+idx+")"); $("#fold_btn"+idx).text($("#fold_btn"+idx).text() == '더보기' ? "접기" : "더보기"); } if(gb == 'F') { $("#hidContents"+idx).css("display", "none"); //내용보이기 $("#fold_btn"+idx).removeAttr("onclick"); $("#fold_btn"+idx).attr("onclick", "javaScript:folding_contents('M',"+idx+")"); $("#fold_btn"+idx).text($("#fold_btn"+idx).text() == '더보기' ? "접기" : "더보기"); } } //==================================== // 상품평 수정 레이어 //==================================== function modify_comment_layer(comment_no){ $.ajax({ type: 'GET', url: '/mywiz/update_goods_comment', dataType: 'json', data: { comment_no : comment_no}, error: function(res) { alert('Database Error'); }, async : false, success: function(res) { if(res.status == 'ok'){ $("#modify_comment").html(res.modify_comment); } else alert(res.message); } }); $('#layerPrdCommentModify').addClass('common-layer-wrap--view'); } //===================================== // 상품평 삭제하기 //===================================== function delete_comment(comment_cd,reg_Dt){ reg_Dt = new Date(reg_Dt);//댓글 등록된 날짜 after_DT = new Date(reg_Dt);//댓글 등록된 날짜 after_DT = after_DT.setDate( after_DT.getDate() + 7 );// 댓글 등록 7일 후 날짜 after_DT = new Date(after_DT);// 댓글 등록 7일 후 날짜 todat_Dt = new Date();//오늘 날짜 if(confirm("상품평을 삭제하시겠습니까?")){ if( todat_Dt >= after_DT ){ $.ajax({ type: 'POST', url: '/mywiz/delete_goods_comment', dataType: 'json', data: { comment_cd:comment_cd}, error: function(res) { alert('Database Error'); }, success: function(res) { if(res.status == 'ok'){ alert("삭제되었습니다."); location.reload(); } else alert(res.message); } }); }else{ alert('상품평 등록 기준 7일후 변경 가능 합니다.'); return false; } } } </script> <script> $(function(){ $('header').mouseenter(function(){ //alert() $('.subBg').stop().slideDown() }) $('header').mouseleave(function(){ $('.subBg').stop().slideUp() }) $('a.view').click(function(e){ e.preventDefault(); var current=$(this).parents('.detail') $('.detail').not(current).next().animate({'height':0}) // $('.detail').next().animate({'height':0}) var href=$(this).attr('href');//화면에 보여라 안보여라 $('.detail li a').removeClass('on'); $(this).addClass('on') //alert(href) $('.product').fadeOut() $(href).fadeIn() $(href).find('.detail_arrow').addClass('on') var h=$(href).height() $(current).next().animate({'height':h}) }) $('.close').click(function(e){ e.preventDefault(); $(this).parents('.summary').animate({'height':0}) $('.detail_arrow').removeClass('on') $('a.view').removeClass('on'); }) }) </script> </div> <!-- //상품평 --> <!-- 상품문의// --> <div id="prdInquiry" class="vip-tab-cont prd-qna-box func2"> <h3 class="info-title">상품문의</h3> <input type="hidden" id="goods_code" name="goods_code" value="1264500"> <!--상품코드--> <input type="hidden" id="pre_page" name="pre_page" value="1"> <!--초기엔 현재 페이지, 후엔 이전 페이지 --> <input type="hidden" id="limit_num" name="limit_num" value="5"> <!--한 페이지에 보여주는 갯수--> <input type="hidden" id="total_cnt" name="total_cnt" value="0"> <!--전체 문의글 갯수--> <input type="hidden" id="totla_page" name="total_page" value="0"> <!--전체 페이지 수--> <input type="hidden" id="next" name="next" value='0'> <!--페이징 다음 누를시 1씩 증가--> <ul class="prd-qna-list" id="qna_body"> <li class="prd-qna-item"> <div class="prd-question-box"> <dl class="prd-question"> <dd class="prd-question-txt"> 등록 된 상품문의가 없습니다. </dd> </dl> </div> </li> </ul> <!-- 페이징 // --> <div class="position_area" id="qna_pagination_position"> <div class="page" id="qna_pagination"> <ul class="page-num-list"> </div> </div> <!-- // 페이징 --> <ul class="common-btn-box"> <li class="common-btn-item"><a id="bb" href="#prdInquiryWrite" class="btn-vip-write" data-ui="vip-layer"><span class="arrow">상품 문의하기</span></a></li> </ul> <!-- 상품 문의하기 레이어 // --> <div class="write-layer prd-inquiry-write" id="prdInquiryWrite"> <h4 class="write-layer-title">상품 문의하기</h4> <div class="write-layer-content"> <div class="form-line form-line--wide title-input"> <div class="form-line-info"> <label class="form-line-title" for="MemcustomerPrdTitleForm_1_1">제목</label> <input type="text" class="input-text" id="MemcustomerPrdTitleForm_1_1" name="qna_title" placeholder="문의하실 내용의 제목을 입력하세요."> </div> </div> <div class="form-line form-line--wide prd-comment-write-textarea"> <div class="form-line-info"> <textarea class="input-text input-text--textarea" placeholder="문의내용을 입력해 주세요." id="qna_contents"></textarea> </div> </div> <p class="form-line"> <input type="checkbox" id="AnswereCheck2" class="checkbox" name="qna_secret" value="N"> <label for="AnswereCheck2" class="checkbox-label">비밀글로 문의하기 (판매자와 본인만 확인 가능합니다.)</label> </p> </div> <ul class="common-btn-box"> <li class="common-btn-item"><a href="#prdInquiryWrite" class="btn-white btn-white--big" data-ui="vip-layer-close">취소</a></li> <li class="common-btn-item"><a href="javascript:jsQna();" class="btn-black btn-black--big">등록하기</a></li> </ul> <a href="#prdInquiryWrite" class="btn-close" data-ui="vip-layer-close"><span class="hide">레이어 닫기</span></a> </div> <!-- // 상품 문의하기 레이어 --> <script type="text/javascript"> //=============================================================== // 상품평쓰기 버튼을 누를 시, 로그인 상태 체크 //=============================================================== $(function(){ $("#bb").on('click', function(e) { var SESSION_ID = ""; if(SESSION_ID == '' || SESSION_ID == 'GUEST' || SESSION_ID == 'TMP_GUEST'){ if(confirm("로그인 후 상품 문의가 가능합니다. \n로그인하시겠습니까?")){ location.href = "https://m.etahome.co.kr/member/login"; } else { setTimeout(function(){ $("#bb").removeClass(); $("#bb").addClass('btn-vip-write'); $("#prdInquiryWrite").hide(); }, 1); } } }) }) //=============================================================== // 상품 문의하기 //=============================================================== function jsQna(){ var qna_goods_code = $("input[name=goods_code]").val(); var qna_title = $("input[name=qna_title]").val(); var qna_contents = $('#qna_contents').val(); var qna_type = "GOODS"; var mem_id = ""; if( ! qna_title ){ alert('문의 제목을 입력하시기 바랍니다.'); $("input[name=qna_title]").focus(); return false; } //alert(qna_contents); if ( ! qna_contents ){ alert('문의 내용을 입력하시기 바랍니다.'); $('#qna_contents').focus(); return false; } if ($("input[name=qna_secret]").is(':checked') == true) { $("input[name=qna_secret]").val('Y'); } var qna_secret = $("input[name=qna_secret]").val(); $.ajax({ type: 'POST', url: '/mywiz/qna_regist', dataType: 'json', data: {goods_code : qna_goods_code, title : qna_title, contents : qna_contents, qna_type : qna_type, mem_id : mem_id, secret_yn : qna_secret}, error: function(res) { alert('Database Error'); }, success: function(res) { if(res.status == 'ok'){ alert('등록이 완료 되었습니다.'); location.reload(); } else alert(res.message); } }) } //=============================================================== // 페이징 //=============================================================== function jsPaging(page){ var goods_code = $("input[name=goods_code]").val(); //상품코드 var pre_page = $("input[name=pre_page]").val(); //이전페이지 var total_cnt = $("input[name=total_cnt]").val(); //전체 갯수 var limit_num = $("input[name=limit_num]").val(); //한 페이지당 보여줄 갯수 var idx = total_cnt - limit_num * (page - 1); //순번 역순 var next = $('input[name=next]').val(); //다음페이지를 만들지 말지 비교를 위한 변수 var session_id = ""; $.ajax({ type: 'POST', url: '/goods/qna_paging', dataType: 'json', data: {goods_code : goods_code, page : page, limit : limit_num}, error: function(res) { alert('Database Error'); alert(res.responseText); }, success: function(res) { if(res.status == 'ok'){ var qna = res.qna; var qna_temp = ""; for(var i=0; i<qna.length; i++){ qna_temp += "<li class=\"prd-qna-item\"><div class=\"prd-question-box\"><span class=\"prd-ico\">Q</span><dl class=\"prd-question\"><dt class=\"prd-question-tlt\">"; if(qna[i]['SECRET_YN'] == 'Y'){ qna_temp += "<span class=\"spr-common ico-lock\" title=\"비공개질문\"></span>"; } qna_temp += "["+qna[i]['ANSWER_YN']+"]"+qna[i]['Q_TITLE']+"</dt>"; qna_temp += "<dd class=\"prd-question-txt\">"+qna[i]['Q_CONTENTS']+"</dd></dl>"; qna_temp += "<span class=\"prd-question-nick\">"+qna[i]['CUST_ID']+"</span>"; qna_temp += "<span class=\"prd-question-date\">"+qna[i]['REG_DT']+"</span>"; if(qna[i]['A_CONTENTS']){ if(qna[i]['SECRET_YN'] == 'Y' && qna[i]['REAL_ID'] != session_id){ qna_temp += "<a href=\"#\" onClick=\"javascript:alert('비밀글은 작성자만 조회할 수 있습니다.');\" class='btn-prd-answere'><span class='none'></span></a>"; } else { qna_temp += "<a href=\"#\" class='btn-prd-answere'></a>"; } qna_temp += "</div>"; qna_temp += "<div class=\"prd-answere-box\"><span class=\"prd-ico\">A</span><p class=\"prd-answere-txt\">"+qna[i]['A_CONTENTS']+"</p>"; qna_temp += "<span class=\"prd-question-nick\">판매자</span>"; qna_temp += "<span class=\"prd-question-date\">"+qna[i]['ANSWER_REG_DT']+"</span>"; qna_temp += "</div>"; } else { qna_temp += "</div>"; } qna_temp += "</li>"; // qna_temp += "<tr id=\"open_qna"+idx+"\" class=\"\"><td>"+idx+"</td> <td>"+qna[i]['ANSWER_YN']+"</td><td class=\"comment\"> "; // if(qna[i]['SECRET_YN'] == 'Y' && qna[i]['REAL_ID'] != session_id){ // qna_temp += "<a href=\"javascript:alert('비밀글은 작성자만 조회할 수 있습니다.');\" class=\"link\">"; // } else { // qna_temp += "<a href=\"javascript:jsOpen("+idx+");\" class=\"link\">"; // } // // if(qna[i]['SECRET_YN'] == 'Y'){ // qna_temp += "<span class=\"spr-common spr-ico-lock\"></span>"; // } // // qna_temp += qna[i]['Q_TITLE']+"</a> </td> <td>"+qna[i]['CUST_ID']+"</td> <td>"+qna[i]['REG_DT']+"</td> </tr> <tr class=\"reply\"> <td colspan=\"5\">"+qna[i]['Q_CONTENTS']; // // if(qna[i]['A_CONTENTS']){ // qna_temp += "<br /><br />[답변]<br />"; // qna_temp += qna[i]['A_CONTENTS']; // } // qna_temp += "</td> </tr>"; idx --; } var strHtmlPag = makePaginationHtml(page, next, limit_num); $("#qna_pagination").remove(); $("#qna_pagination_position").append(strHtmlPag); var page_c = page % 5; if(page_c == 0){ //클래스 입힐 페이지의 위치를 알아내기 위해 page_c = 5; } $("#qna_body").html(qna_temp); $("div#qna_pagination li.page-num-item:nth-child("+pre_page+")").removeClass('active'); //이전페이지 클래스 삭제 if(next == 0){ $("div#qna_pagination li.page-num-item:nth-child("+page_c+")").addClass('active'); //현재페이지 위치에 클래스 적용 } else { page_c ++; $("div#qna_pagination li.page-num-item:nth-child("+page_c+")").addClass('active'); //현재페이지 위치에 클래스 적용 } $("input[name=pre_page]").val(page); //페이지 이동 전의 페이지 저장 } else alert(res.message); } }) } /****************************/ /* 페이징 HTML 만들기 함수 */ /****************************/ function makePaginationHtml(currPage, nextPage, limitNum){ var strHtmlPag = ""; var totalPage = $("input[name=total_page]").val(); var next = ""; //다음페이지를 만들지 말지 비교를 위한 변수 strHtmlPag+="<div class=\"page\" id=\"qna_pagination\">"; strHtmlPag+="<ul class=\"page-num-list\">"; if(nextPage != 0){ strHtmlPag+="<li class=\"page-num-item page-num-left\"><a class=\"page-num-link\" href=\"javascript:$('input[name=next]').val(parseInt($('input[name=next]').val())-1); jsPaging("+parseInt(5*nextPage)+");\"></a></li>"; } if(parseInt(5*nextPage+1) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging("+parseInt(5*nextPage+1)+");\">"+parseInt(5*nextPage+1)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+2) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging("+parseInt(5*nextPage+2)+");\">"+parseInt(5*nextPage+2)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+3) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging("+parseInt(5*nextPage+3)+");\">"+parseInt(5*nextPage+3)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+4) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging("+parseInt(5*nextPage+4)+");\">"+parseInt(5*nextPage+4)+"</a></li>"; } else { next = 'N'; } if(parseInt(5*nextPage+5) <= totalPage){ strHtmlPag+="<li class=\"page-num-item\"><a class=\"page-num-link\" href=\"javascript:jsPaging("+parseInt(5*nextPage+5)+");\">"+parseInt(5*nextPage+5)+"</a></li>"; } else { next = 'N'; } if(currPage != totalPage && totalPage > 5 && next != 'N'){ strHtmlPag+="<li class=\"page-num-item page-num-right\"><a class=\"page-num-link\" href=\"javascript:$('input[name=next]').val(parseInt($('input[name=next]').val())+1); jsPaging("+parseInt(5*nextPage+6)+");\"></a></li>"; } strHtmlPag+="</ul>"; strHtmlPag+="</div>"; return strHtmlPag; } </script> </div> <!-- //상품문의 --> </div> <!-- // 상품상세, 상품평, 상품문의, 배송정보, 교환/환불 정보 --> <!-- 하단메뉴 // --> <div class="vip-bottom" id="vipBuy"> <!-- 옵션선택 열기 --> <button type="button" class="vip-option-open" id="vipBuyOpener"> <span class="spr-common vip-option-state-icon"></span> <span class="spr-common vip-option-open-img"></span>열기 </button> <!-- 옵션선택 열릴경우 해당 영역 및 버튼이 보여짐. --> <div class="vip-detail-data-block" id="vipDetailDataBlock"> <!-- 옵션 선택 및 선택 된 상품 리스트 --> <div class="vip-detail-option-block"> <div class="vip-select-option" id="vipSelectOption"> <ul class="ui-select-option-list"> <li class="ui-select-option-item"> <button type="button" class="ui-select-option" data-group="opt_1" data-index="0" data-target="opt_1" placeholder="옵션을 선택하세요">옵션을 선택하세요 </button> </li> </ul> <div class="ui-option-layer" id="optionViewLayer"> </div> </div> <div class="vip-buy-option-list" style="display:;" id="selectListInner"> <ul class="ui-buy-option-list"> </ul> </div> </div> </div> <div class="vip-detail-btn-block" id="vipDetailBtns"> <div class="vip-detail-btn"> <button type="button" onClick="javaScript:jsGoodsAction('W','','1264500','','');" class="ico-block--button "><span class="ico-heart ico-heart--block spr-common"></span></button> <button type="button" class="add-cart" onClick="javascript:jsAddCart();">장바구니</button> <button type="button" class="btn-buy" onClick="javascript:jsDirect();">바로구매</button> </div> <input type="hidden" value="N" name="np_enable_yn" id="np_enable_yn"> <div class="naverpay"> <script type="text/javascript" src="https://pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF8"></script> <script type="text/javascript" > naver.NaverPayButton.apply({ BUTTON_KEY: "CC68CEA7-3129-4153-8D29-BE38810016E1", // 네이버페이에서 제공받은 버튼 인증 키 입력 TYPE: "MA", // 버튼 모음 종류 설정 COLOR: 1, // 버튼 모음의 색 설정 COUNT: 2, // 버튼 개수 설정. 구매하기 버튼만 있으면 1, 찜하기 버튼도 있으면 2를 입력. ENABLE: "N", BUY_BUTTON_HANDLER: jsNaverPay, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용 WISHLIST_BUTTON_HANDLER:jaNaverPick, // 찜하기 버튼 이벤트 Handler 함수 등록 "":"" }); function jaNaverPick() { var goods_cd = $("#goods_code").val(); var goods_name = $("#goods_name").val(); var goods_price = $("#goods_selling_price").val() - $("#goods_discount_price").val(); var goods_img = $("#goods_img").val(); if($("#np_enable_yn").val() == 'N'){ alert('네이버페이를 통한 구매가 불가한 상품입니다.'); return false; } $.ajax({ type: 'POST', url: '/goods/naver_pick', dataType: 'json', data: { 'goods_cd' : goods_cd, 'goods_name' : goods_name, 'goods_price' : goods_price, 'goods_img' : goods_img }, error: function(res) { alert( 'Database Error' ); }, success: function(res) { if(res.status == 'ok'){ var url = res.url+'?SHOP_ID=np_chfrl677135&ITEM_ID='+res.itemId; location.href=url; } else{ alert(res.message); console.log(res.message); } } }); } function jsNaverPay() { //모바일 버젼은 옵션값들이 goods_form에 담기지 않기 때문에 임의로 넣어줘야함. var OptionValHtml = ''; for(var i=0; i<$("input[name='goods_option_code[]']").size(); i++){ OptionValHtml += "<input type='hidden' id='goods_option_code' name='goods_option_code[]' value='"+$($("input[name='goods_option_code[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_item_coupon_code' name='goods_item_coupon_code[]' value='"+$($("input[name='goods_item_coupon_code[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_name' name='goods_option_name[]' value='"+$($("input[name='goods_option_name[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_add_price' name='goods_option_add_price[]' value='"+$($("input[name='goods_option_add_price[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_qty' name='goods_option_qty[]' value='"+$($("input[name='goods_option_qty[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_item_coupon_price' name='goods_item_coupon_price[]' value='"+$($("input[name='goods_item_coupon_price[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_code' name='goods_add_coupon_code[]' value="+$($("input[name='goods_add_coupon_code[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_discount_price' name='goods_add_discount_price[]' value="+$($("input[name='goods_add_discount_price[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_type' name='goods_add_coupon_type[]' value="+$($("input[name='goods_add_coupon_type[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_gubun' name='goods_add_coupon_gubun[]' value="+$($("input[name='goods_add_coupon_gubun[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_no' name='goods_add_coupon_no[]' value="+$($("input[name='goods_add_coupon_no[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_coupon_amt' name='goods_coupon_amt[]' value="+$($("input[name='goods_coupon_amt[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_cnt' name='goods_cnt[]' value="+$($("input[name='goods_cnt[]']").get(i)).val()+">"; } $("#goods_option_value_section").append(OptionValHtml); var goods_option_code = document.getElementsByName("goods_option_code[]"); //옵션코드 var goods_option_cnt = document.getElementsByName("goods_cnt[]"); //상품수량 var buymaxCnt = "0"; //구매제한수량 if($("#np_enable_yn").val() == 'N'){ alert('네이버페이를 통한 구매가 불가한 상품입니다.'); return false; } if(goods_option_code.length == 0) { alert("상품 옵션을 선택해 주세요."); return false; } for(var i=0;i<goods_option_cnt.length;i++) { if(goods_option_cnt[i].value == 0) { alert("수량을 입력해 주세요."); return false; } if(goods_option_cnt[i].value > 999) { alert("수량을 999개 이하로 입력해 주세요."); return false; } //구매제한이 있는 경우 if( buymaxCnt!=0 ) { if( parseInt(goods_option_cnt[i].value) > parseInt(buymaxCnt) ) { alert("이 상품은 "+buymaxCnt+"개 이하로 구매하실 수 있습니다. "+buymaxCnt+"개 이하로 구매해 주세요."); return false; } } } if($("input[name=goods_state]").val() != '03'){ alert("죄송합니다. 네이버페이로 구매가 불가능한 상품입니다."); return false; } //네이버페이로 주문 정보를 등록하는 가맹점 페이지로 이동. // 해당 페이지에서 주문 정보 등록 후 네이버페이 주문서 페이지로 이동. alert('네이버페이로 결제 진행 시 비회원으로 구매 진행됩니다.\n(결제완료 후 비회원 로그인으로 주문조회 가능)'); var SSL_val = "m.etahome.co.kr"; var frm = document.getElementById("goods_form"); frm.action = "https://"+SSL_val+"/order/naver_pay"; frm.submit(); } </script> </div> </div> <!-- 옵션선택 열릴경우 해당 영역 및 버튼 숨김. --> <div class="vip-default-btn"> <!-- <button type="button" class="ico-block--button prd-bookmark-link " onClick="javaScript:jsGoodsAction('W','','1264500','','');"><span class="ico-heart ico-heart--block spr-common"></span></button> --> <button type="button" onClick="javaScript:jsGoodsAction('W','','1264500','','');" class="ico-block--button "><span class="ico-heart ico-heart--block spr-common"></span></button> <button type="button" class="btn-buy">구매하기</button> </div> </div> <!-- // 하단메뉴 --> <div id="share_sns"></div> <!-- // 공유하기 레이어 --> <!-- 쿠폰적용하기 레이어 // --> <div class="COUPON_LAYER" id="coupon_layer"></div> <!-- // 쿠폰적용하기 레이어 --> <!-- 방문예약하기 레이어 // --> <div class="RESERVATION_LAYER" id="reservation_layer"></div> <!-- // 방문예약하기 레이어 --> <!-- 구매하기 레이어 // --> <div class="common-layer-wrap layer-vip-guide-view" id="layerVipGuideView"> <h3 class="common-layer-title">구매가이드</h3> <ul class="common-btn-box"> <li class="common-btn-item"><a href="#" class="btn-gray btn-gray--big" data-close="bottom-layer-close2">상세페이지로 돌아가기</a></li> </ul> <a href="#" class="btn-layer-close" data-close="bottom-layer-close2"><span class="hide">닫기</span></a> </div> <!-- // 구매하기 레이어 --> <script src="/assets/js/common.js"></script> <script src="/assets/js/owl.carousel.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ // 상품 썸네일 슬라이드 $(".main-banner-list").owlCarousel({ items: 1, loop: true, autoHeight: true, smartSpeed: 300, autoplay: true, autoplayTimeout: 5000, nav:true, dots:false }); google_ga('view_item'); }); // 탑버튼 // function topBtn (){ <!-- 푸터 스크립트랑 중복 --> // var btn = $('#btnTop'), // deadLine = $('#footer').offset().top; // var scrollFnc = function(){ // deadLine = $('#footer').offset().top, // scrollTop = $(window).scrollTop(); // if( scrollTop > 50 ) { // btn.stop().fadeIn(); // if( scrollTop > deadLine - $(window).height() ) { // btn.css({ // 'position' : 'absolute', // 'bottom' : '', // 'top' : deadLine - 55 // }); // } else { // btn.css({ // 'position' : 'fixed', // 'top' : '', // 'bottom' : '50px' // }) // } // } else { // btn.stop().fadeOut(); // } // }; // $(window).on('scroll', scrollFnc); // btn.on('click', function(){ // $('html, body').animate({ // scrollTop : 0 // }, 'fast'); // }); // scrollFnc(); // } // 스크롤 시 헤더 동작 var didScroll; var lastScrollTop = 0; var delta = 0; //동작 구현이 시작되는 위치 // 스크롤 시 알림 $(window).scroll(function(event){ didScroll = true; }); // hasScrolled() 실행, didScroll 상태 재설정 setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 100); function hasScrolled() { //현재 스크롤의 위치 var scrollTop = $(this).scrollTop(); // 설정한 delta 값보다 더 스크롤되었는지를 확인 if(Math.abs(lastScrollTop - scrollTop) <= delta) { return; } if (scrollTop < 0){ scrollTop = 0; } // 헤더 높이보다 더 스크롤되었는지 확인, 스크롤 방향 확인 if (scrollTop > lastScrollTop){ // Scroll Down $('#header').addClass('header-up'); } else { // Scroll Up if($(window).height() < $(document).height()) { $('#header').removeClass('header-up'); } } lastScrollTop = scrollTop; } // $(function() <!-- 푸터 스크립트랑 중복 --> // { // topBtn(); //// topNav(); // etahUi.layercontroller(); // etahUi.bottomLayercontroller(); // etahUi.bottomLayerOpen(); // etahUi.toggleMenu(); //// etahUi.tabMenu(); // etahUi.cartOptionLayer(); // etahUi.listToggle(); // etahUi.filterLayer(); // etahUi.selectFun(); // }); </script> <!--2019.01.30 추가 스크립트--> <script> $('.dim-subject-list').each(function(){ // 이 상품이 포함된 기획전 슬라이드 $(this).find('.owl-carousel').owlCarousel({ items: 1, loop: $(this).find('.subject-item').size() > 1 ? true:false, margin: 0, autoplay: true, autoplayTimeout: 3000, smartSpeed: 300, nav: true, dots: false }); }); //이 카테고리 베스트 상품 $(".prd-list--main").owlCarousel({ items: 2, loop: true, margin: 6, autoHeight: false, smartSpeed: 300, autoplay: true, autoplayTimeout: 7000, nav: false, dots: false }); $(document).ready(function(){ //상품정보 더보기 $('.btn-prd-view-more').click(function(){ $('.folding-area').toggleClass('func-fold'); $(this).toggleClass('fold'); $(this).text( $(this).text() == '상품정보 더보기' ? "상품정보 접기" : "상품정보 더보기"); }); // Tabs var tab = $('.tab-vip-list'); var btnTab = $('.tab-vip-list a'); $(btnTab).click(function (e) { e.preventDefault(); if ($(this.hash).hasClass('func2')) { $('.vip-tab-cont.func1').css('display', 'none'); } else { $('.vip-tab-cont.func1').css('display', 'block'); } $('.vip-tab-cont').removeClass('active'); $(this.hash).addClass('active'); $(this).parent('li').siblings('li').removeClass('active'); $(this).parent('li').addClass('active'); $('html,body').animate({scrollTop:$(this.hash).offset().top - 58}); }); // 스크롤 시 상품상세 탭 네비 동작 var tabsOffset = $('.goods-tabs .tab-vip-list').offset().top - 0; // Scroll Up $(window).scroll(function () { var scroll = $(this).scrollTop(); if (scroll >= tabsOffset) { $('.goods-tabs .tab-vip-list').addClass('fixed'); } else if (scroll <= tabsOffset) { $('.goods-tabs .tab-vip-list').removeClass('fixed'); } }); }); //calculate image size function calcImgSize() { $("img", ".auto-img").each(function() { var $el = $(this); $el.parents(".img").addClass(function() { var $height = $el.height(); var $width = $el.width(); if ($height > $width) return "port"; else return "land"; }); }); }; //이미지가 모두 로드 된 후 실행 jQuery.event.add(window,"load",function(){ calcImgSize(); }); </script> <script src="/assets/js2/goods_coupon.js"></script> <script type="text/javascript"> //=============================================================== // 브랜드상품 더보기 //=============================================================== function jsBrandPlus(goods_cd, brand_cd) { var seq = document.getElementsByName("row[]").length; $.ajax({ type: 'POST', url: '/goods/detail_brand_plus', data: { seq : seq, goods_cd : goods_cd, brand_cd : brand_cd }, error: function(res) { alert('Database Error'); }, success: function(res) { if(res.status == 'ok'){ $("#brandPlus").append(res.message); } else { //더이상 상품이 없을때 $("#btn-plus-show").hide(); } } }); } //=============================================================== // 옵션 수량 변경 시, 쿠폰 초기화 //=============================================================== function jsOptionCntChange(opt_code) { for(var i=0; i<document.getElementsByName("goods_option_code[]").length; i++){ if(opt_code == document.getElementsByName("goods_option_code[]")[i].value){ var idx = i; break; } } //쿠폰이 선택되어있는 경우 if($($("input[name='goods_add_coupon_code[]']").get(idx)).val() != '' || $($("input[name='goods_item_coupon_code[]']").get(idx)).val() != $("input[name='goods_coupon_code_i']").val().split("||")[0]){ if(confirm("수량을 변경하시면, 선택하신 쿠폰이 초기화 됩니다.")){ //아이템 쿠폰 히든 값에 넣어놨던 쿠폰들 다 리셋 $($("input[name='goods_item_coupon_code[]']").get(idx)).val($("input[name='goods_coupon_code_i']").val().split("||")[0]); $($("input[name='goods_item_coupon_price[]']").get(idx)).val($("input[name='goods_coupon_amt_i']").val()); //바이어쿠폰 히든값을 빈값으로 넣기 $($("input[name='goods_add_coupon_code[]']").get(idx)).val(''); $($("input[name='goods_add_discount_price[]']").get(idx)).val(parseInt(0)); $($("input[name='goods_add_coupon_type[]']").get(idx)).val(''); $($("input[name='goods_add_coupon_gubun[]']").get(idx)).val(''); $($("input[name='goods_add_coupon_no[]']").get(idx)).val(''); return true; } else { return false; } } else { return true; } } function jsChgCouponR(opt_code, cnt){ for(var i=0; i<document.getElementsByName("goods_option_code[]").length; i++){ if(opt_code == document.getElementsByName("goods_option_code[]")[i].value){ var idx = i; break; } } var selling_price = parseInt($("input[name='goods_selling_price']").val()); var goods_option_add_price = parseInt($($("input[name='goods_option_add_price[]']").get(idx)).val()); var seller_coupon_amt = parseInt($("input[name='goods_coupon_amt_s']").val()); var item_coupon_amt = parseInt($($("input[name='goods_item_coupon_price[]']").get(idx)).val()); var cust_coupon_amt = parseInt($($("input[name='goods_add_discount_price[]']").get(idx)).val()); var coupon_price = ( selling_price + goods_option_add_price ) - ( seller_coupon_amt + item_coupon_amt + cust_coupon_amt); //판매금액 적용 $("s[name=option_selling_price]").eq(idx).text(numberFormat(parseInt(selling_price + goods_option_add_price) * parseInt(cnt))); //할인금액 적용 $("span[name=cpn_price]").eq(idx).text(numberFormat(parseInt(coupon_price) * parseInt(cnt))); $($("input[name='goods_coupon_amt[]']").get(idx)).val(parseInt(coupon_price) * parseInt(cnt)) // totalPrice(); Total_goods_price(); } //=============================================================== // 옵션 선택에 대한 옵션 값들 //=============================================================== function jsOptionVal(data){ var OptionValHtml = ''; OptionValHtml += "<input type='hidden' id='goods_option_code' name='goods_option_code[]' value='"+data.option_code+"'>"; OptionValHtml += "<input type='hidden' id='goods_item_coupon_code' name='goods_item_coupon_code[]' value='"+data.item_coupon_code+"'>"; // OptionValHtml += "<input type='hidden' id='goods_option_name' name='goods_option_name[]' value='"+data.option_name+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_add_price' name='goods_option_add_price[]' value='"+data.addPrice+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_qty' name='goods_option_qty[]' value='"+data.len+"'>"; OptionValHtml += "<input type='hidden' id='goods_item_coupon_price' name='goods_item_coupon_price[]' value='"+data.item_coupon_amt+"'>"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_code' name='goods_add_coupon_code[]' value=''>"; OptionValHtml += "<input type='hidden' id='goods_add_discount_price' name='goods_add_discount_price[]' value=0>"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_type' name='goods_add_coupon_type[]' value=''>"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_gubun' name='goods_add_coupon_gubun[]' value=''>"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_no' name='goods_add_coupon_no[]' value=''>"; OptionValHtml += "<input type='hidden' id='goods_coupon_amt' name='goods_coupon_amt[]' value="+data.price+">"; OptionValHtml += "<input type='hidden' id='f_goods_cnt' name='f_goods_cnt[]' value=1>"; $("#goods_option_value_section").append(OptionValHtml); } //=============================================================== // 장바구니에 상품 담기 //=============================================================== function jsAddCart(){ var cookieGoodsCd = ""; var goodsCd = "1264500"; if(cookieGoodsCd == goodsCd){ alert('해당상품은 1일 구매제한이 있습니다.'); return false; } var SESSION_ID = ""; var param = $("#goods_form").serialize(); var goods_option_code = $("input[name='goods_option_code[]']").val(); //모바일 버젼은 옵션값들이 goods_form에 담기지 않기 때문에 임의로 넣어줘야함. for(var i=0; i<$("input[name='goods_option_code[]']").size(); i++){ param += "&goods_option_code[]="+$($("input[name='goods_option_code[]']").get(i)).val(); param += "&goods_item_coupon_code[]="+$($("input[name='goods_item_coupon_code[]']").get(i)).val(); param += "&goods_option_name[]="+$($("input[name='goods_option_name[]']").get(i)).val(); param += "&goods_option_add_price[]="+$($("input[name='goods_option_add_price[]']").get(i)).val(); param += "&goods_option_qty[]="+$($("input[name='goods_option_qty[]']").get(i)).val(); param += "&goods_item_coupon_price[]="+$($("input[name='goods_item_coupon_price[]']").get(i)).val(); param += "&goods_add_coupon_code[]="+$($("input[name='goods_add_coupon_code[]']").get(i)).val(); param += "&goods_add_discount_price[]="+$($("input[name='goods_add_discount_price[]']").get(i)).val(); param += "&goods_add_coupon_type[]="+$($("input[name='goods_add_coupon_type[]']").get(i)).val(); param += "&goods_add_coupon_gubun[]="+$($("input[name='goods_add_coupon_gubun[]']").get(i)).val(); param += "&goods_add_coupon_no[]="+$($("input[name='goods_add_coupon_no[]']").get(i)).val(); param += "&goods_coupon_amt[]="+$($("input[name='goods_coupon_amt[]']").get(i)).val(); param += "&goods_cnt[]="+$($("input[name='goods_cnt[]']").get(i)).val(); } if($("input[name=goods_state]").val() != '03'){ alert("판매중이 아닌 상품은 장바구니에 담을 수 없습니다."); return false; } if(goods_option_code == undefined){ alert("옵션을 선택해주세요."); return false; } google_ga('add_to_cart'); $.ajax({ type: 'POST', url: '/cart/insert_cart', dataType: 'json', data: param, error: function(res) { alert('Database Error'); }, success: function(res) { if(res.status == 'ok'){ if(confirm('장바구니에 상품이 담겼습니다. 확인하시겠습니까?')){ location.href='/cart'; } } else alert(res.message); } }) return false; } //=============================================================== // 상품 바로구매 //=============================================================== function jsDirect(){ var cookieGoodsCd = ""; var goodsCd = "1264500"; if(cookieGoodsCd == goodsCd){ alert('해당상품은 1일 구매제한이 있습니다.'); return false; } var SESSION_ID = ""; var param = $("#goods_form").serialize(); var goods_option_code = $("input[name='goods_option_code[]']").val(); var OptionValHtml = ''; var SSL_val = "m.etahome.co.kr"; // alert(goods_option_code); //모바일 버젼은 옵션값들이 goods_form에 담기지 않기 때문에 임의로 넣어줘야함. for(var i=0; i<$("input[name='goods_option_code[]']").size(); i++){ OptionValHtml += "<input type='hidden' id='goods_option_code' name='goods_option_code[]' value='"+$($("input[name='goods_option_code[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_item_coupon_code' name='goods_item_coupon_code[]' value='"+$($("input[name='goods_item_coupon_code[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_name' name='goods_option_name[]' value='"+$($("input[name='goods_option_name[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_add_price' name='goods_option_add_price[]' value='"+$($("input[name='goods_option_add_price[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_option_qty' name='goods_option_qty[]' value='"+$($("input[name='goods_option_qty[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_item_coupon_price' name='goods_item_coupon_price[]' value='"+$($("input[name='goods_item_coupon_price[]']").get(i)).val()+"'>"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_code' name='goods_add_coupon_code[]' value="+$($("input[name='goods_add_coupon_code[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_discount_price' name='goods_add_discount_price[]' value="+$($("input[name='goods_add_discount_price[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_type' name='goods_add_coupon_type[]' value="+$($("input[name='goods_add_coupon_type[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_gubun' name='goods_add_coupon_gubun[]' value="+$($("input[name='goods_add_coupon_gubun[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_add_coupon_no' name='goods_add_coupon_no[]' value="+$($("input[name='goods_add_coupon_no[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_coupon_amt' name='goods_coupon_amt[]' value="+$($("input[name='goods_coupon_amt[]']").get(i)).val()+">"; OptionValHtml += "<input type='hidden' id='goods_cnt' name='goods_cnt[]' value="+$($("input[name='goods_cnt[]']").get(i)).val()+">"; } $("#goods_option_value_section").append(OptionValHtml); // alert(OptionValHtml); if($("input[name=goods_state]").val() != '03'){ alert("판매중이 아닌 상품은 구매할 수 없습니다."); return false; } if(goods_option_code == undefined){ alert("옵션을 선택해주세요."); return false; } if(SESSION_ID == '' || SESSION_ID == 'GUEST' || SESSION_ID == 'TMP_GUEST'){ //로그인 안한 경우 document.getElementById("goods_form").guest_gb.value = 'direct'; var frm = document.getElementById("goods_form"); frm.action = "https://"+SSL_val+"/member/Guestlogin"; frm.submit(); } else { var frm = document.getElementById("goods_form"); frm.action = "https://"+SSL_val+"/cart/OrderInfo"; frm.submit(); } } //==================================== // 쿠폰 레이어 생성 //==================================== function couponLayerCreate(opt_code,opt_price){ // for(var i=0; i<$("#coupon_layer").children().size(); i++){ // alert($("#coupon_layer").children().eq(i).attr("id")); // alert('cartCouponLayer'+opt_code); // if($("#coupon_layer").children().eq(i).attr("id") == 'cartCouponLayer'+opt_code){ // alert("이미 등록된 옵션입니다."); // return false; // } // } if(opt_code == undefined){ alert("이미 등록된 옵션입니다."); return false; } $.ajax({ type: 'POST', url: '/goods/coupon_layer', dataType: 'json', data: { goods_code : document.getElementById("goods_code").value, option_add_price : opt_price, idx : opt_code}, error: function(res) { alert('Database Error'); }, async : false, success: function(res) { if(res.status == 'ok'){ $("#coupon_layer").prepend(res.coupon_layer); } else alert(res.message); } }); } //====================================== // 쿠폰 레이어 열기 //====================================== function couponLayerOpen(opt_code){ Coupon_Reset(opt_code); Coupon_use_check(opt_code); //사용가능/사용불가능 쿠폰 체크 $('#cartCouponLayer'+opt_code).removeClass(); $('#cartCouponLayer'+opt_code).addClass('common-layer-wrap cart-coupon-layer common-layer-wrap--view'); $("#etah_html").addClass('bottom-layer-open'); } /*****************/ /** 천단위 콤마 **/ /*****************/ function numberFormat(num) { num = String(num); return num.replace(/(\d)(?=(?:\d{3})+(?!\d))/g,"$1,"); } /**********************/ /** 천단위 콤마 제거 **/ /**********************/ function renumberFormat(num){ return num.replace(/^\$|,/g, "") + "" } //google_gtag function google_ga(gtag_event) { var brand = '['+$("input[name='brand_code']").val() + ']'+$("input[name='brand_name']").val(); var option_nm = '['+ $("input[name='goods_option_code[]']").val() + ']' + $("input[name='goods_option_name[]']").val(); var categroy_info = '[' + 13011100 + ']' + "인테리어장식"; if(gtag_event == 'view_item'){ gtag('event', 'view_item', { "items": [ { "id": $("input[name='goods_code']").val(), "name": $("input[name='goods_name']").val(), "list_name": "view item", "brand": brand, "category": categroy_info, "list_position": 1, "price": $("input[name='goods_selling_price']").val() } ] }); }else{ gtag('event', 'add_to_cart', { "items": [ { "id": $("input[name='goods_code']").val(), "name": $("input[name='goods_name']").val(), "list_name": "add cart", "brand": brand, "category": categroy_info, "variant":option_nm, "list_position": 1, "quantity": $("input[name='goods_option_qty[]']").val(), "price": $("input[name='goods_selling_price']").val() } ] }); } } </script> <!-- 선택 된 상품 추가 html 탬플릿 --> <!-- option button create --> <script id="select-template" type="text/x-handlebars-template"> <li class="ui-buy-option-item"> <div class="ui-buy-option-data"> <ul class="add-options-list"> <input type="hidden" id="goods_option_code" name="goods_option_code[]" value="{{option_code}}"> <input type="hidden" id="goods_item_coupon_code" name="goods_item_coupon_code[]" value="{{item_coupon_code}}"> <input type="hidden" id="goods_option_name" name="goods_option_name[]" value="{{string}}"> <input type="hidden" id="goods_option_add_price" name="goods_option_add_price[]" value="{{addPrice}}"> <input type="hidden" id="goods_option_qty" name="goods_option_qty[]" value="{{len}}"> <input type="hidden" id="goods_item_coupon_price" name="goods_item_coupon_price[]" value="{{item_coupon_amt}}"> <input type="hidden" id="goods_add_coupon_code" name="goods_add_coupon_code[]" value=""> <input type="hidden" id="goods_add_discount_price" name="goods_add_discount_price[]" value=0> <input type="hidden" id="goods_add_coupon_type" name="goods_add_coupon_type[]" value=""> <input type="hidden" id="goods_add_coupon_gubun" name="goods_add_coupon_gubun[]" value=""> <input type="hidden" id="goods_add_coupon_no" name="goods_add_coupon_no[]" value=""> <!--추가할인쿠폰코드의번호...? cust_coupon_no컬럼--> <input type="hidden" id="goods_coupon_amt" name="goods_coupon_amt[]" value={{price}}> <!--쿠폰적용가--> <li class="add-options-item"> {{string}} {{#if addPrice_txt}} {{addOption}} ({{addPrice_txt}}원) {{/if}} </li> </ul> <div class="ui-buy-quantity"> <input type="number" class="quantity_input" value="1" data-max="{{mpq}}" data-price="{{price}}" data-priceuse="{{price}}" data-qty="{{len}}" data-sellingprice="{{sellingPrice}}" data-optioncode="{{option_code}}" id="goods_cnt" name="goods_cnt[]"> <button type="button" class="quantity_minus_btn"><span class="hide-text">minus</span></button> <button type="button" class="quantity_plus_btn"><span class="hide-text">plus</span></button> </div> <span class="ui-buy-price"> <del class="del">{{#if selling_price}} {{selling_price}}원 {{/if}}</del> <strong name="cpn_price">{{replacePrice}}</strong><span class="won">원</span> </span> {{#if option_code}} <a href="javascript:couponLayerOpen({{option_code}});" data-layer="bottom-layer-open2" class="btn-gray btn-coupon-select">쿠폰선택</a> {{/if}} <button type="button" class="vip-disable-type-btn ui-remove-item"><span class="hide-text">삭제</span></button> </div> </li> </script> <!-- option button create --> <script id="option-template" type="text/x-handlebars-template"> <ul class="ui-option-layer-list"> {{#options}} <li class="ui-option-layer-item"> <button class="ui-option-layer-btn" data-value="{{value}}" data-sub="{{subOption}}" onclick="{{link}}" data-price="{{price}}" data-len="{{len}}" data-mpq="{{MPQ}}" data-addprice="{{addPrice}}" data-addoption="{{addOption}}" data-str="{{string}}" data-optioncode="{{option_code}}" data-sellingprice="{{selling_price}}"> {{string}} {{#if addOption}} / {{addOption}} {{/if}} {{#if addPriceComma}} ({{addPriceComma}}) {{/if}} [잔여수량 : {{len}}개] </button> </li> {{/options}} </ul> <!-- <b>옵션이 모두 품절되었습니다.</b> --> <button class="ui-option-layer-close"></button> </div> </script> <script> /***********************/ /*****기본 값 세팅******/ /***********************/ var aJsonArray = new Array(); var aJson = new Object(); eval("var moption3Array_"+"11"+" = new Array();"); eval("var moption4Array_"+"111"+" = new Array();"); eval("var moption5Array_"+"1111"+" = new Array();"); eval("var moption2Array_"+"1"+" = new Array();"); var option_add_price = "0"; aJson.selling_price = parseInt(document.getElementById('goods_selling_price').value); aJson.option_code = "486397"; aJson.link = ""; aJson.string = "단품"; aJson.value = "486397"+"||"+"단품"+"||"+"1"; aJson.price = parseInt(document.getElementById('goods_selling_price').value) - parseInt(document.getElementById('goods_discount_price').value) + parseInt(option_add_price); aJson.addPrice = ""; aJson.len = "990"; aJson.MPQ = "990"; aJson.subOption = 'false'; aJsonArray.push(aJson); var aJson = new Object(); //alert(JSON.stringify(moption2Array_1)); var bJson = new Object(); bJson.title = '선택1'; bJson.options = aJsonArray; bJsonString = JSON.stringify(bJson); TotalOptionJson_1 = JSON.parse(bJsonString); //제일 큰 옵션 (optionData 배열 생성) var cJson = new Object(); cJson.opt_1 = TotalOptionJson_1; var eJson = new Object(); // alert(JSON.stringify(cJson)); cJsonString = JSON.stringify(cJson); GroupOption = JSON.parse(cJsonString); //alert(JSON.stringify(GroupOption)); var optionData = GroupOption; //옵션 생성 // 가격에 콤마를 추가 function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,'); } var etahVipOpt = { ele: { selectOptionBlock: $('#vipSelectOption'), // option 선택 영역 optionLayerBlock: $('#optionViewLayer'), // 하위옵션레이어 추가되는 영역. choiceOptionWriteBlock: $('#selectListInner'), // 선택된 옵션 삽입. optionTemplate: $('#option-template').html(), // 하위 옵션 선택 영역 html 템플릿 choiceTemplate: $('#select-template').html(), // 선택된 옵션 추가html 템플릿. }, defaultMax: 999, // 최대 구매수량 미지정 시 기본값을 셋팅 합니다. 정책에 따라 수정해 주세요. state: { data: null, step: 0, groups: null, opener: null }, buyData: {}, // 이벤트 추가. init: function(data) { var instance = this; $block = this.ele.selectOptionBlock; instance.state.data = data; var buymaxCnt = "0"; if(buymaxCnt == '0'){ buymaxCnt = 1000; } // 옵션 버튼 클릭시 이벤트 추가. $block.on('click', '.ui-select-option', function() { instance.state.opener = $(this); instance.createOption(); }); // 생성된 옵션 레이어에서 버튼 클릭시 이벤트 추가. instance.ele.optionLayerBlock.on('click', '.ui-option-layer-btn', function() { instance.submitOption($(this)); }).on('click', '.ui-option-layer-close', function() { // 레이어 닫기 이벤트 추가. instance.closeOption(); }); instance.ele.choiceOptionWriteBlock.on('click', '.ui-remove-item', function() { instance.removeSelectOption($(this)); }).on('keydown keyup', '.quantity_input', function() { instance.counterCheck($(this), 'push'); }).on('focusout', '.quantity_input', function() { var $input = $(this).parent().find('.quantity_input'), val = $input.val(), maxCounter = ($input.data('max') !== '') ? $input.data('max') : instance.defaultMax; //alert(buymaxCnt); if(Number(val) > Number(buymaxCnt)){ // if(val > buymaxCnt){ alert('1회 최대 구매수는 '+buymaxCnt+' 개 입니다'); $input.val(buymaxCnt); return false; } instance.counterCheck($(this), 'focusout'); }).on('click', '.quantity_minus_btn', function() { if(jsOptionCntChange($(this).parent().find('.quantity_input').data('optioncode')) == true){ //옵션에 쿠폰이 선택되어 있다면 쿠폰은 초기화 됨. var $input = $(this).parent().find('.quantity_input'), val = $input.val(), minCounter = 1; if (val > minCounter) { val--; } $input.val(val); $input.trigger('focusout'); } }).on('click', '.quantity_plus_btn', function() { //alert('dd'); //var buymaxCnt = "0"; if(jsOptionCntChange($(this).parent().find('.quantity_input').data('optioncode')) == true){ //옵션에 쿠폰이 선택되어 있다면 쿠폰은 초기화 됨. var $input = $(this).parent().find('.quantity_input'), val = $input.val(), maxCounter = ($input.data('max') !== '') ? $input.data('max') : instance.defaultMax; if(val == buymaxCnt){ alert('1회 최대 구매수는 '+buymaxCnt+' 개 입니다'); return false; } if(val == maxCounter){ alert('현재 주문가능한 재고수량은 '+maxCounter+'개 입니다.\n'+maxCounter+'개 이하로 주문해 주세요.'); return false; } if (val < maxCounter) { val++; } $input.val(val); $input.trigger('focusout'); } }); }, // 옵션 수량 변경시 실행. counterCheck: function($target, opt) { var instance = this, reg = /[^0-9]/g, val = $target.val().replace(reg, ''), item = $target.parents('.ui-buy-option-item'), itemPriceTarget = item.find('.ui-buy-price > strong'), sellingPirceTarget = item.find('.ui-buy-price > .del'), maxCounter = ($target.data('max') !== '') ? $target.data('max') : instance.defaultMax, qty = ($target.data('qty') !== '') ? $target.data('qty') : 0, selling_price = parseInt($target.data('sellingprice')); price = parseInt($target.data('price'), 10); if (val > qty) { alert("현재 주문가능한 재고수량은 "+qty+"개 입니다.\n"+qty+"개 이하로 주문해 주세요."); val = qty; } if (val > maxCounter) { val = maxCounter; } if (opt === 'focusout' && val <= 0) { val = 1; } $target.val(val); selling_price = selling_price * val; price = price * val; sellingPirceTarget.text(comma(selling_price+"원")); itemPriceTarget.text(comma(price)); $target.data('priceuse', price); instance.totalPrice(); jsChgCouponR($target.data('optioncode'),val); }, // 옵션 레이어를 생성. createOption: function() { // 레이어를 생성한다. var target = this.state.opener.data('target'), // 이전에 선택된 옵션그룹이 있는지 체크를 위해. $block = this.ele.selectOptionBlock, // 옵션 선택 영역. instance = this, targetData = (function() { var returnData = instance.state.data[target]; $.each(returnData.options, function(index, value) { if (this.addPrice !== '' && this.addPrice !== false && this.addPrice !== undefined || this.addPrice === 0) { if(this.addPrice > 0){ this.addPriceComma = '+'+comma(this.addPrice); } else { this.addPriceComma = comma(this.addPrice); } } else { this.addPriceComma = ''; } }); return returnData; })(), template = Handlebars.compile(this.ele.optionTemplate); htm = $(template(targetData)); this.state.opener.data('data', targetData); this.ele.optionLayerBlock.html(htm); // 옵션레이어 추가. this.ele.selectOptionBlock.addClass('vip-select-option--layer'); // 옵션레이어 활성화 클래스 BuyArea.reHeight(); // 하단 고정영역 높이 갱신. }, // 생성된 옵션 레이어의 버튼을 클릭 했을 경우 실행. submitOption: function($ele) { var instance = this, txt = $ele.text(), val = $ele.data('value'), sub = $ele.data('sub'), groups = instance.ele.selectOptionBlock.find('[data-group="' + instance.state.opener.data('group') + '"]'), openerIndex = instance.state.opener.data('index'); instance.state.opener.text(txt).data( { 'value': val, 'sub': sub }); if (sub === false) { // 선택한 옵션이 최종 옵션일경우 instance.insertSelectOption($ele); } else { // 추가로 선택해야 하는 옵션이 존재할 경우 // 선택한 옵션의 다음 옵션 버튼을 활성화 하고, 해당 옵션에 선택해야 할 옵션의 데이터 키를 할당 한다. $.each(groups, function(index) { if ($(this).data('index') > openerIndex) { $(this).prop('disabled', true) .text($(this).attr('placeholder')); }; }); groups.eq(openerIndex + 1).prop('disabled', false) .data('target', sub); // 스크롤을 다음 선택 해야 할 옵션쪽으로 이동 시킨다. $('#vipDetailDataBlock').find('.vip-detail-option-block').animate( { 'scrollTop': 40 * (openerIndex + 1) }, 'fast'); } this.closeOption(); }, // 옵션 레이어를 닫음. closeOption: function() { this.ele.selectOptionBlock.removeClass('vip-select-option--layer'); BuyArea.reHeight(); }, // 옵션을 선택하여 최종적으로 선택된 값을 영역에 추가한다. insertSelectOption: function($ele) { //옵션추가금액 세팅 if($ele.data('addprice') > 0){ var add_price_txt = '+'+$ele.data('addprice'); } else { var add_price_txt = $ele.data('addprice'); } if($ele.data('addprice') == ''){ var add_price = 0; } else { var add_price = $ele.data('addprice'); } //상품쿠폰세팅 if(document.getElementById("goods_coupon_code_i").value != ''){ var item_coupon_code = document.getElementById("goods_coupon_code_i").value.split('||')[0]; var item_coupon_amt = document.getElementById("goods_coupon_amt_i").value; } else { var item_coupon_code = ''; var item_coupon_amt = 0; } var instance = this, template = Handlebars.compile(this.ele.choiceTemplate), opener = instance.state.opener, groups = instance.ele.selectOptionBlock.find('[data-group="' + opener.data('group') + '"]'), data = { // html 에 삽입될 데이터를 가공. 'string': $ele.data('str'), // 제품 명. 'mpq': $ele.data('mpq'), // 주문 제한수량 'len': $ele.data('len'), // 상품 재고수량 'price': $ele.data('price'), // 제품의 판매 가격 (콤마 추가 없이 data 에 들어가는 가격) 'replacePrice': comma($ele.data('price')), // 가격(콤마 추가되어 보여지는 가격) 'addPrice': add_price, //옵션 추가금액 'addPrice_txt': comma(add_price_txt), // 옵션 추가금액 (+,-표시) 'addOption': $ele.data('addoption'), // 옵션명 'selling_price': comma(parseInt($ele.data('sellingprice'))+parseInt(add_price)), // 판매가 삭선표시됨. 'sellingPrice' : parseInt($ele.data('sellingprice'))+parseInt(add_price), //판매가 'option_code': ($ele.data('optioncode') !== '') ? $ele.data('optioncode') : false, 'item_coupon_code': item_coupon_code, 'item_coupon_amt': item_coupon_amt }, htm = $(template(data)), selectOptions = instance.ele.choiceOptionWriteBlock.find('.ui-buy-option-item'); // 이미 삽입 된 데이터인지 체크한다. if (!instance.buyData[$ele.data('value')]) { instance.buyData[$ele.data('value')] = true; } else { data = false; // 이미 삽입된 데이터일 경우 입력되지 않도록 값을 false 로 변경. } if (data !== false) { htm.data('value', $ele.data('value')); // 선택된 value 데이터를 해당 엘리먼트에 대입. // 해당 영역이 최초에 숨겨 져 있으므로 활성화. // html 을 삽입. instance.ele.choiceOptionWriteBlock.show().find('.ui-buy-option-list').append(htm); // 선택 했던 group 의 버튼을 첫번째 것 제외한 나머지 모두 비활성화. $.each(groups, function() { $(this).text($(this).attr('placeholder')); if ($(this).data('index') !== 0) { $(this).prop('disabled', true); } }); } // 스크롤을 선택된 옵션이 있는 곳으로 이동. $('#vipDetailDataBlock').find('.vip-detail-option-block').animate( { 'scrollTop': $('#vipSelectOption').outerHeight() + $('#optionViewLayer').outerHeight() }, 'fast'); this.totalPrice() couponLayerCreate(data.option_code,data.addPrice); //쿠폰레이어 생성 }, // 선택했던 데이터를 삭제. removeSelectOption: function($ele) { var removeTarget = $ele.parents('.ui-buy-option-item'); this.buyData[removeTarget.data('value')] = false; removeTarget.remove(); if (this.ele.choiceOptionWriteBlock.find('.ui-buy-option-item').length === 0) { this.ele.choiceOptionWriteBlock.hide(); } this.totalPrice(); }, // 최종 구매 금액을 갱신. totalPrice: function() { var total = (function() { var returnNum = 0, dataEle = $('#selectListInner').find('.quantity_input'), len = dataEle.length, i = 0; for (i; i < len; i++) { returnNum += parseInt(dataEle.eq(i).data('priceuse'), 10); } return returnNum; })(), htm = ''; if ($('#total_price').get(0) === undefined) { htm += '<dl class="vip-total-price"><dt class="vip-total-price-title">상품합계</dt><dd class="vip-total-price-data">'; htm += '<strong class="vip-total-price-number" id="total_price">' + comma(total) + '</strong>원'; htm += '</dd></dl>'; $('#vipDetailBtns').prepend(htm); } else { $('#total_price').text(comma(total)); } } }; var BuyArea = { rootElement: null, openBtn: null, detail: null, defaultH: 70, objH: 0, realBtn: null, ele: { blockId: 'vipBuy', blockBtnId: 'vipBuyOpener', openClass: 'vip-bottom--open', optionsArea: 'vipDetailDataBlock', btnsArea: 'vipDetailBtns' }, init: function() { var instance = this; this.rootElement = $('#' + this.ele.blockId); this.openBtn = $('#' + this.ele.blockBtnId); this.detail = $('#' + this.ele.optionsArea); this.btnsArea = $('#' + this.ele.btnsArea); this.openBtn.on('click', function() { if (instance.rootElement.hasClass(instance.ele.openClass)) { instance.close(); } else { instance.open(); } }); this.rootElement.find('.btn-buy').on('click', function() { instance.open(); }) }, open: function() { this.rootElement.addClass(this.ele.openClass); this.reHeight(); }, close: function() { this.rootElement.css( { 'height': 0 }); this.rootElement.removeClass(this.ele.openClass); }, reHeight: function() { this.rootElement.css( { 'height': this.btnsArea.height() + this.detail.height() }); } }; $(function() { etahVipOpt.init(optionData); BuyArea.init(); /*etahUi.slideBox( { box: $('#detailImgFlick'), // maxwidth 넘거가면 margin 제거. page: $('#bigBannerPage'), // page 표시영역 imgArea: $('#bannerList'), // motion box, box size * 3 width, box height imgObj: $('#detailImgFlick').find('li.main-banner-item'), // li, contents / box size width, btns: $('#detailImgFlick').find('.banner-left, .banner-right'), // 좌우 버튼. imgCls: 'main-banner-item', pageHtm: '', // 페이징(블릿) html moveClass: 'transition', boxReheight: true // box 의 높이를 조정. // .visual-list });*/ // vip 상품문의= // $('.btn-prd-answere').click(function() // { $('body').on('click', ".btn-prd-answere",function() { //비밀글을 클릭했을 때는 펼쳐지지 않도록 함 var thisChildrens = $(this).children('.none') if (thisChildrens.hasClass('none')) { return false; } var thisParents = $(this).parents('.prd-qna-item') if ($(thisParents).hasClass('active')) { $(thisParents).find('.prd-answere-box').slideUp(); $(thisParents).removeClass('active'); } else { $(thisParents).find('.prd-answere-box').slideDown(); $(thisParents).addClass('active'); } return false; }); // vip 상품평= $('body').on('click', ".prd-assessment-camera-btn",function() { var thisParents = $(this).parents('.prd-assessment-item') if ($(thisParents).hasClass('active')) { $(thisParents).find('.prd-assessment-photo').slideUp(); $(thisParents).removeClass('active'); } else { $(thisParents).find('.prd-assessment-photo').slideDown(); $(thisParents).addClass('active'); } return false; }); var vipLayerBtn = $('[data-ui="vip-layer"]'), vipLayerClose = $('[data-ui="vip-layer-close"]'); $(vipLayerBtn).on('click', function() { var thisHref = $(this).attr('href'); if ($(this).hasClass('active')) { $(this).removeClass('active'); $(thisHref).slideUp(); } else { $(this).addClass('active'); $(thisHref).slideDown(); } return false; }); $(vipLayerClose).on('click', function() { var thisHref = $(this).attr('href'); $(thisHref).slideUp(); $(vipLayerBtn).removeClass('active'); return false; }); //별점 $('.star-grade-select-item').on('click', function() { if ($(this).hasClass('active')) { $(this).removeClass('active'); $(this).nextAll().removeClass('active'); } else { $(this).addClass('active'); $(this).prevAll().addClass('active'); } }); }); $(document).ready(function() { var fileTarget = $('.file-upload .upload-hidden'); fileTarget.on('change', function() { // 값이 변경되면 if (window.FileReader) { // modern browser var filename = $(this)[0].files[0].name; } else { var filename = $(this).val().split('/').pop().split('\\').pop(); } $(this).siblings('.input-text').val(filename); }); }); $(document).ready(function() { location.hash='#INFO'; }); //==================================== // 조건별 검색 //==================================== function search_goods(kind, val) { var cate_cd = ""; var order_by = ""; var brand_cd = ""; var type = ""; var cate_gb = ""; var price_limit = ""; var keyword = ""; var search_cnt = ""; var attr = ""; var href = ""; //카테고리 if(kind == 'C'){ cate_cd = val; } var param = ""; param += "kind=" + kind; param += "&type=" + type; param += "&cate_cd=" + cate_cd; param += "&price_limit=" + price_limit; param += "&brand_cd=" + brand_cd; param += "&order_by=" + order_by; param += "&keyword=" + keyword; param += "&attr=" + attr; param += "&cate_gb=" + cate_gb; param += "&search_cnt=" + search_cnt; param += ""; var category = new Array('10000000','11000000','13000000','14000000','15000000','16000000','17000000','18000000','19000000','21000000','22000000','23000000'); href = "/category/category_list?" + param; for (var word in category) { if (cate_cd.match(category[word])) { param = "cate_cd=" + val; href = "/category/main?" + param; } } document.location.href = href; } </script> <!----> <!----> <!-- <!-- 2017-02-23 추가 --> <!-- <!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> <!-- <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>--> <!-- <script type="text/javascript">--> <!-- if (!wcs_add) var wcs_add={};--> <!-- wcs_add["wa"] = "s_51fd0fb4ae2b";--> <!-- if (!_nasa) var _nasa={};--> <!-- wcs.inflow();--> <!-- wcs_do(_nasa);--> <!-- </script>--> <!----> <!-- <!--카페24전환 스크립트 시작 --> <!-- <script type='text/javascript'>--> <!-- var cmcJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");--> <!-- document.write(unescape("%3Cscript id='cmclog_script' src='" + cmcJsHost + "etah.cmclog.cafe24.com/weblog.js?uid=etah&uname=etah' type='text/javascript'%3E%3C/script%3E"));--> <!-- </script>--> <!----> <!-- <!-- 리포트2.0 로그분석코드 시작 --> <!-- <script type="text/javascript">--> <!-- var JsHost = (("https:" == document.location.protocol) ? "https://" : "http://");--> <!-- var uname = escape('에타');--> <!-- document.write(unescape("%3Cscript id='log_script' src='" + JsHost + "etah.weblog.cafe24.com/weblog.js?uid=etah&uname="+uname+"' type='text/javascript'%3E%3C/script%3E"));--> <!-- </script>--> <!-- <!-- 리포트2.0 로그분석코드 완료 --> <!-- <!--카페24전환 스크립트 완료 --> <!----> <!-- </body>--> <!-- </html>--> </div> <!--CONTETN DIV 닫음 (LAYOUT 제거)--> <!-- 카테고리 오픈시 category-open 클래스 추가 --> <div class="footer" id="footer"> <ul class="footer-menu-list"> <li class="footer-menu-item"><a href="/footer/about_etah" class="footer-menu-link">회사소개</a></li> <li class="footer-menu-item"><a href="/customer/faq" class="footer-menu-link">고객센터</a></li> <li class="footer-menu-item"><a href="/footer/inquiry_for_office" class="footer-menu-link">입점/제휴문의</a></li> <li class="footer-menu-item"><a href="tel:1522-5572" class="footer-menu-link">고객센터 : 1522-5572</a></li> <li class="footer-menu-item"><a href="/footer/use_clause" class="footer-menu-link">이용약관</a></li> <li class="footer-menu-item"><a href="/footer/personal_info" class="footer-menu-link">개인정보취급방침</a></li> </ul> <p class="footer-info"> <span class="footer-info-item"> <strong class="bold">(주)에타</strong> 서울특별시 성동구 성수이로 22길 37, 아크밸리지식산업센터 906호 에타 (ETAH, 37, Seongsui-ro 22-gil, Seongdong-gu, Seoul, Republic of Korea (04798) <br><span class="cs-tel"><a href="mailto:admin@etah.co.kr">대량구매 문의</a></span> </span> </p> <p class="footer-info"> <span class="footer-info-item">대표이사 : 유남민</span> <span class="footer-info-item">사업자등록번호 : 423-81-00385</span> <a href="http://www.ftc.go.kr/info/bizinfo/communicationViewPopup.jsp?wrkr_no=4238100385" target="_blank" class="licensee-info">사업자정보확인</a> </p> <p class="footer-info"> <span class="footer-info-item">통신판매업 신고번호 : 2020-서울성동-00699 호</span></p> <p class="footer-info"> <span class="footer-info-item">건강기능식품판매영업신고증 : 제2018-0106933호</span></p> <p class="footer-info"> <span class="footer-info-item">의료기기판매영업신고증 : 제8227호</span></p> <p class="footer-info"> <span class="footer-info-item">수입식품등 인터넷 구매대행업 영업등록 : 제 20180003396호</span> </p> <ul class="footer-sns-list"> <!--2020-11-25 김설 팀장 요청 페북 하고 navertv 제외--> <!--<li class="footer-sns-item"> <a href="https://www.facebook.com/etahome.co.kr" target="_blank" class="footer-sns-link ico-facebook spr-common-03"></a> </li>--> <li class="footer-sns-item"> <a href="https://www.instagram.com/etahome_kr" target="_blank" class="footer-sns-link ico-instagram spr-common-03"></a> </li><!-- https://www.instagram.com/etahcompany/ --> <li class="footer-sns-item"> <a href="https://blog.naver.com/etah_blog" target="_blank" class="footer-sns-link ico-blog spr-common-03"></a> </li> <li class="footer-sns-item"> <a href="https://pf.kakao.com/_fXkqC" target="_blank" class="footer-sns-link ico-kakao spr-common-03"></a> </li> <li class="footer-sns-item"> <a href="https://www.youtube.com/etahome" target="_blank" class="footer-sns-link ico-youtube spr-common-03"></a> </li><!-- https://www.youtube.com/channel/UCVEBa0D-0coHeJu9LYO5l0Q?view_as=subscriber --> <!--<li class="footer-sns-item"> <a href="https://tv.naver.com/etah" target="_blank" class="footer-sns-link ico-naver-tv spr-common-03"></a> </li>--> </ul> </div> <div class="vip-bottom-height" style="padding-bottom: 90px;"></div> <a href="#" class="btn-top" id="btnTop">TOP</a> </div> <script src="/assets/js2/jquery.cookie.js?ver=1"></script> <script src="/assets/js/owl.carousel.min.js?ver=1"></script> <script type="text/javascript"> /*// 카테고리 오픈 $('#btnCategoryOpen').on('click', function() { $('#wrap').addClass('category-open'); return false; }); $('#btnCategoryClose').on('click', function() { $('#wrap').removeClass('category-open'); return false; }); $('.dimd').on('click', function() { $('#wrap').removeClass('category-open'); });*/ // 탑버튼 function topBtn() { var btn = $('#btnTop'), deadLine = $('#footer').offset().top; var scrollFnc = function() { deadLine = $('#footer').offset().top, scrollTop = $(window).scrollTop(); if (scrollTop > 50) { btn.stop().fadeIn(); if (scrollTop > deadLine - $(window).height()) { btn.css( { 'position': 'absolute', 'bottom': '', 'top': deadLine - 55 }); } else { btn.css( { 'position': 'fixed', 'top': '', 'bottom': '50px' }) } } else { btn.stop().fadeOut(); } }; $(window).on('scroll', scrollFnc); btn.on('click', function() { $('html, body').animate( { scrollTop: 0 }, 'fast'); }); scrollFnc(); } $(function() { topBtn(); etahUi.layercontroller(); etahUi.bottomLayercontroller(); etahUi.bottomLayerOpen(); etahUi.toggleMenu(); etahUi.cartOptionLayer(); etahUi.listToggle(); etahUi.filterLayer(); etahUi.selectFun(); }); </script> <script> $(document).ready(function(){ // 상단비주얼 슬라이드 $(".main-banner-list").owlCarousel({ items: 1, loop: true, autoHeight: true, smartSpeed: 300, autoplay: true, autoplayTimeout: 5000 }); //MD픽!, 18년 한해도... 슬라이드 $(".prd-list--main").owlCarousel({ loop: true, autoHeight: true, smartSpeed: 300, autoplay: true, autoplayTimeout: 5000, responsiveClass:true, responsive:{ 0:{ items:2 }, 768:{ items:4 } } }); // 브랜드 포커스, WEECLY THEME 슬라이드 $(".brand-theme-list").owlCarousel({ items: 1, loop: true, autoHeight: true, smartSpeed: 300, autoplay: false, autoplayTimeout: 5000 }); }); </script> <script src="/assets/js/categorySwipe.js?ver=1"></script> <script src="/assets/js/areaSwipe.js?ver=1"></script> <script> $(function() { $('#pageCategoryLayer').categorySwipe(); $('#prdBrandList, #prdPopularList, #prdPriceList').categorySwipe(function(ele) { ele.css('display', 'none'); }); $('.page-title').areaSwipe(); }) </script> <!--네이버 애널리틱스 스크립트 --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_51fd0fb4ae2b"; if (!_nasa) var _nasa={}; if(window.wcs){ wcs.inflow(); wcs_do(_nasa); } </script> <!-- WIDERPLANET SCRIPT START --> <div id="wp_tg_cts" style="display:none;"></div> <script type="text/javascript"> var wptg_tagscript_vars = wptg_tagscript_vars || []; wptg_tagscript_vars.push( (function() { return { wp_hcuid:"", /*Cross device targeting을 원하는 광고주는 로그인한 사용자의 Unique ID (ex. 로그인 ID, 고객넘버 등)를 암호화하여 대입. *주의: 로그인 하지 않은 사용자는 어떠한 값도 대입하지 않습니다.*/ ti:"35025", /*광고주 코드*/ ty:"Home", /*트래킹태그 타입*/ device:"mobile" /*디바이스 종류 (web 또는 mobile)*/ }; })); </script> <script type="text/javascript" async src="//cdn-aitg.widerplanet.com/js/wp_astg_4.0.js"></script> <script> // 우편번호 찾기 화면을 넣을 element var element_layer = document.getElementById('layer_post'); function closeDaumPostcode() { // iframe을 넣은 element를 안보이게 한다. element_layer.style.display = 'none'; } //다음 api 우편번호, pcode = 우편번호필드, pcode2 = hidden우편번호필드, paddr1 =기본주소필드, paddr2 = hidden우편번호 필드, paddr3 = 상세우편번호 필드 function mobile_execDaumPostcode(pcode, pcode2, paddr1, paddr2, paddr3) { new daum.Postcode({ oncomplete: function(data) { // 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분. // 각 주소의 노출 규칙에 따라 주소를 조합한다. // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다. var fullAddr = data.address; // 최종 주소 변수 var extraAddr = ''; // 조합형 주소 변수 // 기본 주소가 도로명 타입일때 조합한다. if(data.addressType === 'R'){ //법정동명이 있을 경우 추가한다. if(data.bname !== ''){ extraAddr += data.bname; } // 건물명이 있을 경우 추가한다. if(data.buildingName !== ''){ extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName); } // 조합형주소의 유무에 따라 양쪽에 괄호를 추가하여 최종 주소를 만든다. fullAddr += (extraAddr !== '' ? ' ('+ extraAddr +')' : ''); } // 우편번호와 주소 정보를 해당 필드에 넣는다. // document.getElementById('sample2_postcode').value = data.zonecode; //5자리 새우편번호 사용 // document.getElementById('sample2_address').value = fullAddr; //document.getElementById('sample2_addressEnglish').value = data.addressEnglish; document.getElementById(pcode).value = data.zonecode; //5자리 새우편번호 사용 if(pcode2 !== ''){ document.getElementById(pcode2).value = data.zonecode; } document.getElementById(paddr1).value = fullAddr; if(paddr2 !== ''){ document.getElementById(paddr2).value = fullAddr; } document.getElementById(paddr3).focus(); // iframe을 넣은 element를 안보이게 한다. // (autoClose:false 기능을 이용한다면, 아래 코드를 제거해야 화면에서 사라지지 않는다.) element_layer.style.display = 'none'; }, width : '100%', height : '100%', maxSuggestItems : 5 }).embed(element_layer); // iframe을 넣은 element를 보이게 한다. element_layer.style.display = 'block'; // iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다. initLayerPosition(); } function initLayerPosition(){ var width = 300; //우편번호서비스가 들어갈 element의 width var height = 400; //우편번호서비스가 들어갈 element의 height var borderWidth = 1; //샘플에서 사용하는 border의 두께 // 위에서 선언한 값들을 실제 element에 넣는다. element_layer.style.width = width + 'px'; element_layer.style.height = height + 'px'; element_layer.style.border = borderWidth + 'px solid'; // 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다. element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width)/2 - borderWidth) + 'px'; //element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height)/4 - borderWidth) + 'px'; element_layer.style.top = '10px'; } //다음 api 우편번호, pcode = 우편번호필드, pcode2 = hidden우편번호필드, paddr1 =기본주소필드, paddr2 = hidden우편번호 필드, paddr3 = 상세우편번호 필드 function execDaumPostcode(pcode, pcode2, paddr1, paddr2, paddr3) { new daum.Postcode({ oncomplete: function(data) { // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분. // 각 주소의 노출 규칙에 따라 주소를 조합한다. // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다. var fullAddr = ''; // 최종 주소 변수 var extraAddr = ''; // 조합형 주소 변수 // 사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다. if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우 fullAddr = data.roadAddress; } else { // 사용자가 지번 주소를 선택했을 경우(J) fullAddr = data.jibunAddress; } // 사용자가 선택한 주소가 도로명 타입일때 조합한다. if(data.userSelectedType === 'R'){ //법정동명이 있을 경우 추가한다. if(data.bname !== ''){ extraAddr += data.bname; } // 건물명이 있을 경우 추가한다. if(data.buildingName !== ''){ extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName); } // 조합형주소의 유무에 따라 양쪽에 괄호를 추가하여 최종 주소를 만든다. fullAddr += (extraAddr !== '' ? ' ('+ extraAddr +')' : ''); } // 우편번호와 주소 정보를 해당 필드에 넣는다. //document.getElementById('formAddressInput').value = data.zonecode; //5자리 새우편번호 사용 //document.getElementById('order_postnum').value = data.zonecode; //document.getElementById('order_addr1_text').value = fullAddr; //document.getElementById('order_addr2').focus(); document.getElementById(pcode).value = data.zonecode; //5자리 새우편번호 사용 if(pcode2 !== ''){ document.getElementById(pcode2).value = data.zonecode; } document.getElementById(paddr1).value = fullAddr; if(paddr2 !== ''){ document.getElementById(paddr2).value = fullAddr; } document.getElementById(paddr3).focus(); } }).open(); } </script> </body> </html> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K9B5N2X');</script> <!-- End Google Tag Manager -->
