OrderMadeInfoMob.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org">
  3. <!--
  4. *******************************************************************************
  5. * @source : OrderMadeInfoMob.html
  6. * @desc : 주문제작상품동의여부 Page
  7. *============================================================================
  8. * STYLE24
  9. * Copyright(C) 2020 TSIT, All rights reserved.
  10. *============================================================================
  11. * VER DATE AUTHOR DESCRIPTION
  12. * === =========== ========== =============================================
  13. * 1.0 2021.04.05 jsh77b 최초 작성
  14. *******************************************************************************
  15. -->
  16. <!-- 주문제작상품동의여부 -->
  17. <div class="foldGroup">
  18. <ul>
  19. <li>
  20. <div class="fold_head">
  21. <a href="javascript:void(0)">
  22. <div>
  23. <div class="fold_tit">
  24. <span>주문제작상품동의</span>
  25. </div>
  26. <div class="data custom_disc">
  27. <div class="form_field">
  28. <input id="chk-custom" type="checkbox" checked=""> <label
  29. for="chk-custom"><span>동의합니다.</span></label>
  30. </div>
  31. </div>
  32. </div>
  33. </a>
  34. </div>
  35. <div class="fold_cont">
  36. <div class="area_customitem">
  37. <p>고객님께서 주문하신 상품에는 주문제작상품이 포함되어 있습니다.</p>
  38. <div class="form_field">
  39. <div class="agree_custom">
  40. <input id="chk-custom-agr1" type="checkbox" checked="">
  41. <label for="chk-custom-agr1"><span>주문제작상품에 대한
  42. 안내를 확인하였으며 배송에 동의합니다.</span></label>
  43. </div>
  44. </div>
  45. <div class="info_txt">
  46. <ul>
  47. <li>주문 제작 상품은 주문 후 제작이 진행되며, 제작 완료 후 배송이 시작됩니다.</li>
  48. <li>주문 제작 상품의 특성상 주문 완료 후 취소/교환이 불가능합니다. (상품 하자에 한해 가능)</li>
  49. </ul>
  50. </div>
  51. </div>
  52. </div>
  53. </li>
  54. </ul>
  55. </div>
  56. <!-- //주문제작상품동의여부 -->
  57. <script th:inline="javascript">
  58. var dispYn = [[${order.dispYn}]]; // 노출여부
  59. //컨텐츠 호출
  60. $(document).ready( function() {
  61. // 화면펼침
  62. if (dispYn == "Y") {
  63. $("#custemerInfo .fold_head").addClass("on");
  64. $("#custemerInfo .fold_cont").css("display", "block");
  65. }
  66. });
  67. </script>
  68. </html>