GoodsDeliveryFormWeb.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <!--
  5. *******************************************************************************
  6. * @source :GoodsDeliveryFormWeb.html
  7. * @desc : 상품 배송안내 팝업
  8. *============================================================================
  9. * STYLE24
  10. * Copyright(C) 2020 TSIT, All rights reserved.
  11. *============================================================================
  12. * VER DATE AUTHOR DESCRIPTION
  13. * === =========== ========== =============================================
  14. * 1.0 2021.03.08 eskim 최초 작성
  15. *******************************************************************************
  16. -->
  17. <div class="full_popup_wrap">
  18. <h5 class="sr-only">배송교환반품 안내</h5>
  19. <div class="btn_close">
  20. <a href="javascript:void(0)" onclick="cfCloseFullLayer('layer_goods_delivery');">닫기버튼</a>
  21. </div>
  22. <div class="full_pop_header">
  23. <!-- 해당 상품 -->
  24. <div class="item_prod" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
  25. <div class="item_state">
  26. <a href="javascript:void(0);" class="itemLink">
  27. <div class="itemPic">
  28. <img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}">
  29. </div>
  30. <p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">NBA 키즈</p>
  31. <div class="itemName" th:text="${goodsInfo.goodsFullNm}">유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
  32. <p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
  33. <span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
  34. <span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
  35. </p>
  36. </a>
  37. </div>
  38. </div>
  39. <!-- //해당 상품 -->
  40. </div>
  41. <div class="full_pop_container">
  42. <div class="pd_delivery">
  43. <div class="table_box">
  44. <h6>배송안내</h6>
  45. <div class="tbl type1">
  46. <table>
  47. <colgroup>
  48. <col width="220">
  49. <col width="*">
  50. </colgroup>
  51. <tbody>
  52. <tr>
  53. <th>
  54. 구분
  55. </th>
  56. <td>
  57. <th:block th:if="${goodsInfo.quikDelvYn = 'Y'}" >총알배송(오전 10시까지 주문 시)</th:block>
  58. <th:block th:unless="${goodsInfo.quikDelvYn = 'Y'}" >일반배송</th:block>
  59. </td>
  60. </tr>
  61. <tr>
  62. <th>
  63. 배송비
  64. </th>
  65. <td>
  66. <th:block th:text="${#numbers.formatInteger(goodsInfo.delvFee, 0,'COMMA')}" ></th:block>원
  67. <th:block th:if="${goodsInfo.minOrdAmt > 0}">(<th:block th:text="${#numbers.formatInteger(goodsInfo.minOrdAmt, 0,'COMMA')}" ></th:block>원 이상 무료배송)</th:block>
  68. <th:block th:if="${goodsInfo.delvFee <= 0}">무료배송</th:block>
  69. </td>
  70. </tr>
  71. <tr>
  72. <th>
  73. 배송업체
  74. </th>
  75. <td>
  76. <th:block th:if="${deliveryInfo != null}" th:text="${deliveryInfo.shipCompNm}" ></th:block>
  77. </td>
  78. </tr>
  79. <tr>
  80. <th>
  81. 기간
  82. </th>
  83. <td>
  84. 총알배송 : 오늘 밤 12시까지 도착 (토/일/공휴일 제외)<br>
  85. 일반배송 : 결제 완료 후 2~3일 이내 (일/공휴일 제외)<br>
  86. 단, 제주도나 도서 지방은 별도요금이 부과될 수 있습니다. 날씨나 택배사 사정에 따라 배송이 지연될 수 있습니다.
  87. </td>
  88. </tr>
  89. </tbody>
  90. </table>
  91. </div>
  92. </div>
  93. <div class="table_box">
  94. <h6>반품/교환안내</h6>
  95. <div class="tbl type1">
  96. <table>
  97. <colgroup>
  98. <col width="220">
  99. <col width="*">
  100. </colgroup>
  101. <tbody>
  102. <tr>
  103. <th>
  104. 반품/교환 배송업체
  105. </th>
  106. <td>
  107. <th:block th:if="${deliveryInfo != null}" th:text="${deliveryInfo.shipCompNm}" ></th:block>
  108. </td>
  109. </tr>
  110. <tr>
  111. <th>
  112. 반품배송비
  113. </th>
  114. <td>
  115. <th:block th:if="${deliveryInfo != null and deliveryInfo.delvFeeCd != null}" th:text="${#numbers.formatInteger(deliveryInfo.rtnDelvFee, 0,'COMMA')}" ></th:block>원(최소 배송비가 무료인 경우 왕복 배송비 <th:block th:if="${deliveryInfo != null and deliveryInfo.delvFeeCd != null}" th:text="${#numbers.formatInteger((deliveryInfo.rtnDelvFee+deliveryInfo.delvFee), 0,'COMMA')}" ></th:block>원 부과)
  116. </td>
  117. </tr>
  118. <tr>
  119. <th>
  120. 교환배송비
  121. </th>
  122. <td>
  123. <th:block th:if="${deliveryInfo != null and deliveryInfo.delvFeeCd != null}" th:text="${#numbers.formatInteger((deliveryInfo.rtnDelvFee+deliveryInfo.delvFee), 0,'COMMA')}" ></th:block>원
  124. </td>
  125. </tr>
  126. <tr>
  127. <th>
  128. 반품/교환 주소
  129. </th>
  130. <td>
  131. <th:block th:if="${deliveryInfo != null and deliveryInfo.delvFeeCd != null}" th:text="${deliveryInfo.rtnLocZipcode +' '+ deliveryInfo.rtnLocBaseAddr +' '+ deliveryInfo.rtnLocDtlAddr }"></th:block>
  132. </td>
  133. </tr>
  134. <tr>
  135. <th>
  136. 반품/교환 신청
  137. </th>
  138. <td>
  139. 반품/교환시 먼저 고객센터(1544-5336)나 일대일 문의로 반품/교환 신청 후 상품을 발송 해 주시기 바랍니다.<br>
  140. 마이페이지 > 나의쇼핑 > 정상주문내역에서 하실 수 있습니다.<br>
  141. 반품/교환 신청시 상품의 반송입고 확인 후 환불/교환 처리해 드립니다.
  142. </td>
  143. </tr>
  144. <tr>
  145. <th>
  146. 반품시기
  147. </th>
  148. <td>
  149. 상품의 반품/교환은 상품 수령 후 7일 이내 가능합니다.<br>
  150. 단 상품을 수령하셨을 때의 상태를 그대로 보존해주셔야 합니다.
  151. </td>
  152. </tr>
  153. <tr>
  154. <th>
  155. 반품/교환 불가사유
  156. </th>
  157. <td>
  158. 반품/교환 가능기간을 초과하였을 경우.<br>
  159. 상품 및 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우.<br>
  160. 고객님의 요청에 따른 주문제작 상품의 경우.<br>
  161. 상품을 착용 또는 설치하였거나, 상품의 일부를 소비하였을 경우.<br>
  162. 상품의 포장을 개봉하여 사용 및 설치가 완료 되거나 상품의 가치가 훼손되었을 경우.<br>
  163. 구매한 상품의 구성품(세트, 기프트상품, 부속품, 의류부착 악세사리 등) 이 누락 된 경우.<br>
  164. 신발, 그릇류의 박스포장을 포함, 상품이 판매할 수 없게 훼손 된 경우(신발박스 등의 파손, 박스포장 위 송장 부착, 박스 훼손/파손/찢어짐, 택 분실 등)
  165. </td>
  166. </tr>
  167. <tr th:if="${deliveryInfo != null and deliveryInfo.delvFeeCd != null}">
  168. <th>
  169. 기타사항
  170. </th>
  171. <td th:if="${not #strings.isEmpty(deliveryInfo.note)}" th:utext="${#strings.unescapeJava(#strings.escapeJava(deliveryInfo.note))}">
  172. 상품에 따라 반송주소/방법이 각각 다를 수 있습니다.<br>
  173. </td>
  174. </tr>
  175. </tbody>
  176. </table>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. <script th:inline="javascript">
  183. /*<![CDATA[*/
  184. /*]]>*/
  185. </script>
  186. </html>