|
|
@@ -19,175 +19,175 @@
|
|
|
<body>
|
|
|
|
|
|
<th:block layout:fragment="content">
|
|
|
-
|
|
|
- <div class="wrap">
|
|
|
- <div class="content nonMBorder">
|
|
|
- <!-- 페이지특정 클래스 = nonMBorder -->
|
|
|
- <div class="cont_head">
|
|
|
- <h2 class="t_c mb60">비회원 주문하기</h2>
|
|
|
- </div>
|
|
|
- <div class="cont_body">
|
|
|
- <form id="orderForm" name="orderForm" class="form_wrap form_col_c form_full" action="#" th:action="@{'/order/form'}" th:method="post">
|
|
|
- <input type="hidden" name="shotDelvYn" th:value="${order.shotDelvYn}" /><!-- 장바구니화면 총알배송여부 -->
|
|
|
- <!-- 장바구니화면 시퀀스 배열 등록 -->
|
|
|
- <th:block th:each="cartSq , index : ${order.cartSqArr}">
|
|
|
- <input type="hidden" name="cartSqArr" th:value="${cartSq}" />
|
|
|
- </th:block>
|
|
|
-
|
|
|
- <div class="form_head">
|
|
|
- <p>
|
|
|
- 비회원 주문을 위한 주문자 정보 입력 및 개인정보 수집/이용 동의에<br>체크하신 후 주문을 완료하실 수
|
|
|
- 있습니다.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">이름(주문자명)</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" name="custNm" id="custNm" placeholder="이름(주문자명)">
|
|
|
- </div>
|
|
|
+<div class="wrap">
|
|
|
+ <div class="content nonMBorder">
|
|
|
+ <!-- 페이지특정 클래스 = nonMBorder -->
|
|
|
+ <div class="cont_head">
|
|
|
+ <h2 class="t_c mb60">비회원 주문하기</h2>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <form id="orderForm" name="orderForm" class="form_wrap form_col_c form_full" action="#" th:action="@{'/order/form'}" th:method="post">
|
|
|
+ <input type="hidden" name="shotDelvYn" th:value="${order.shotDelvYn}" /><!-- 장바구니화면 총알배송여부 -->
|
|
|
+ <!-- 장바구니화면 시퀀스 배열 등록 -->
|
|
|
+ <th:block th:each="cartSq , index : ${order.cartSqArr}">
|
|
|
+ <input type="hidden" name="cartSqArr" th:value="${cartSq}" />
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <div class="form_head">
|
|
|
+ <p>
|
|
|
+ 비회원 주문을 위한 주문자 정보 입력 및 개인정보 수집/이용 동의에<br>체크하신 후 주문을 완료하실 수
|
|
|
+ 있습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">이름(주문자명)</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="custNm" id="custNm" placeholder="이름(주문자명)">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">휴대폰 번호</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" name="cellPhnno" id="cellPhnno" placeholder="휴대폰 번호">
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">휴대폰 번호</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="cellPhnno" id="cellPhnno" placeholder="휴대폰 번호">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">이메일주소</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" name="email" id="email" placeholder="이메일주소">
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">이메일주소</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="email" id="email" placeholder="이메일주소">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">배송주소 우편번호</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <div class="input_wrap" style="display: flex;">
|
|
|
- <input type="text" name="recipZipcode" id="recipZipcode" placeholder="우편번호">
|
|
|
- <button type="submit" class="btn btn_default">우편번호 찾기</button>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">배송주소 우편번호</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap" style="display: flex;">
|
|
|
+ <input type="text" name="recipZipcode" id="recipZipcode" placeholder="우편번호">
|
|
|
+ <button type="submit" class="btn btn_default">우편번호 찾기</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <br>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">배송주소 기본주소</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <input type="text" name="recipBaseAddr" id="recipBaseAddr" placeholder="기본주소">
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <br>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">배송주소 기본주소</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <input type="text" name="recipBaseAddr" id="recipBaseAddr" placeholder="기본주소">
|
|
|
</div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">배송주소 상세주소</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <input type="text" name="recipDtlAddr" id="recipDtlAddr" placeholder="상세주소">
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">배송주소 상세주소</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <input type="text" name="recipDtlAddr" id="recipDtlAddr" placeholder="상세주소">
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 주소 출력
|
|
|
- <div class="help_block">
|
|
|
- <p><span>도로명</span>서울특별시 서초구 서운로 57번길</p>
|
|
|
- <p><span>지번</span>서울특별시 서초구 서포동 60-28</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 주소 출력
|
|
|
+ <div class="help_block">
|
|
|
+ <p><span>도로명</span>서울특별시 서초구 서운로 57번길</p>
|
|
|
+ <p><span>지번</span>서울특별시 서초구 서포동 60-28</p>
|
|
|
+ </div>
|
|
|
+ -->
|
|
|
+
|
|
|
+ <!-- //주소 출력 -->
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input id="chk-2" type="checkbox"><label for="chk-2">
|
|
|
+ <p>
|
|
|
+ 비회원 개인정보 수집/이용 동의 <span>(필수)</span>
|
|
|
+ </p>
|
|
|
+ </label>
|
|
|
</div>
|
|
|
- -->
|
|
|
-
|
|
|
- <!-- //주소 출력 -->
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-2" type="checkbox"><label for="chk-2">
|
|
|
- <p>
|
|
|
- 비회원 개인정보 수집/이용 동의 <span>(필수)</span>
|
|
|
- </p>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form_field txt_area">
|
|
|
+ <div
|
|
|
+ style="overflow: auto; max-height: 176px; border: 1px solid #ddd;">
|
|
|
+ <strong>제1조(목적)</strong>
|
|
|
+ <p>이 약관은 (유)내고향시푸드(전자거래 사업자)이 운영하는 홈페이지(이하 "쇼핑몰"이라 한다)에서
|
|
|
+ 제공하는 인터넷 관련 서비스(이하 "서비스"라 한다)를 이용함에 있어 (유)내고향시푸드와 이용자의 권리·의무 및
|
|
|
+ 책임사항을 규정함을 목적으로 합니다. ※ 「PC통신 등을 이용하는 전자거래에 대해서도 그 성질에 반하지 않는 한
|
|
|
+ 이 약관을 준용합니다」 제2조(정의) ① "쇼핑몰" 이란 사업자가 재화 또는 용역을 이용자에게 제공하기 위하여
|
|
|
+ 컴퓨터 등 정보통신설비를 이용하여 재화 또는 용역을 거래할 수 있도록 설정한 가상의 영업장을 말하며, 아울러
|
|
|
+ 쇼핑몰을 운영하는 사업자의 의미로도 사용합니다. ② "이용자"란 "쇼핑몰"에 접속하여 이 약관에 따라 "쇼핑몰"이
|
|
|
+ 제공하는 서비스를 받는 회원 및 비회원을 말합니다. ③ "회원"이라 함은 "쇼핑몰"에 개인정보를 제공하여
|
|
|
+ 회원등록을 한 자로서, "쇼핑몰"의 정보를 지속적으로 제공받으며, "쇼핑몰"이 제공하는 서비스를 계속적으로 이용할
|
|
|
+ 수 있는 자를 말합니다. ④ "비회원"이라 함은 회원에 가입하지 않고 "쇼핑몰"이 제공하는 서비스를 이용하는 자를
|
|
|
+ 말합니다. 제3조 (약관의 명시와 개정) ① "쇼핑몰"은 이 약관의 내용과 상호, 영업소 소재지, 대표자의 성명,
|
|
|
+ 사업자등록번호, 연락처(전화, 팩스, 전자우편 주소 등) 등을 이용자가 알 수 있도록 사이트의 초기
|
|
|
+ 서비스화면(전면)에 게시합니다. ② "쇼핑몰"은 약관의 규제 등에 관한 법률, 전자거래기본법, 전자서명법,
|
|
|
+ 정보통신망 이용촉진 등에 관한 법률, 방문판매 등에 관한법률, 소비자보호법 등 관련법을 위배하지 않는 범위에서 이
|
|
|
+ 약관을 개정할 수 있습니다. ③ "쇼핑몰"이 약관을 개정할 경우에는 적용일자 및 개정사유를 명시하여 현행약관과
|
|
|
+ 함께 홈페이지의 초기화면에 그 적용일자 7일 이전부터 적용일자 전일까지 공지합니다. ④ "쇼핑몰"이 약관을 개정할
|
|
|
+ 경우에는 그 개정약관은 그 적용일자 이후에 체결되는 계약에만 적용되고 그 이전에 이미 체결된 계약에 대해서는 개정
|
|
|
+ 전의 약관조항이 그대로 적용됩니다. 다만 이미 계약을 체결한 이용자가 개정약관 조항의 적용을 받기를 원하는 뜻을
|
|
|
+ 제3항에 의한 개정약관의 공지기간 내에 "쇼핑몰"에 송신하여 "쇼핑몰"의 동의를 받은 경우에는 개정약관 조항이
|
|
|
+ 적용됩니다. ⑤ 이 약관에서 정하지 아니한 사항과 이 약관의 해석에 관하여는 정부가 제정한 전자거래소비자보호지침
|
|
|
+ 및 관계법령 또는 상관례에 따릅니다. 제4조(서비스의 제공 및 변경) ① "쇼핑몰"은 다음과 같은 업무를
|
|
|
+ 수행합니다. 1. 재화 또는 용역에 대한 정보 제공 및 구매계약의 체결 2. 구매계약이 체결된 재화 또는 용역의
|
|
|
+ 배송 3. 기타 "쇼핑몰"이 정하는 업무 ② "쇼핑몰"은 재화의 품절 또는 기술적 사양의 변경 등의 경우에는 장차
|
|
|
+ 체결되는 계약에 의해 제공할 재화·용역의 내용을 변경할 수 있습니다. 이 경우에는 변경된 재화·용역의 내용 및
|
|
|
+ 제공일자를 명시하여 현재의 재화·용역의 내용을 게시한 곳에 그 제공일자 이전 7일부터 공지합니다. ③ "쇼핑몰"이
|
|
|
+ 제공하기로 이용자와 계약을 체결한 서비스의 내용을 재화의 품절 또는 기술적 사양의 변경 등의 사유로 변경할
|
|
|
+ 경우에는 "쇼핑몰"은 이로 인하여 이용자가 입은 손해를 배상합니다. 단, "쇼핑몰"에 고의 또는 과실이 없는
|
|
|
+ 경우에는 그러하지 아니합니다.</p>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="form_field txt_area">
|
|
|
- <div
|
|
|
- style="overflow: auto; max-height: 176px; border: 1px solid #ddd;">
|
|
|
- <strong>제1조(목적)</strong>
|
|
|
- <p>이 약관은 (유)내고향시푸드(전자거래 사업자)이 운영하는 홈페이지(이하 "쇼핑몰"이라 한다)에서
|
|
|
- 제공하는 인터넷 관련 서비스(이하 "서비스"라 한다)를 이용함에 있어 (유)내고향시푸드와 이용자의 권리·의무 및
|
|
|
- 책임사항을 규정함을 목적으로 합니다. ※ 「PC통신 등을 이용하는 전자거래에 대해서도 그 성질에 반하지 않는 한
|
|
|
- 이 약관을 준용합니다」 제2조(정의) ① "쇼핑몰" 이란 사업자가 재화 또는 용역을 이용자에게 제공하기 위하여
|
|
|
- 컴퓨터 등 정보통신설비를 이용하여 재화 또는 용역을 거래할 수 있도록 설정한 가상의 영업장을 말하며, 아울러
|
|
|
- 쇼핑몰을 운영하는 사업자의 의미로도 사용합니다. ② "이용자"란 "쇼핑몰"에 접속하여 이 약관에 따라 "쇼핑몰"이
|
|
|
- 제공하는 서비스를 받는 회원 및 비회원을 말합니다. ③ "회원"이라 함은 "쇼핑몰"에 개인정보를 제공하여
|
|
|
- 회원등록을 한 자로서, "쇼핑몰"의 정보를 지속적으로 제공받으며, "쇼핑몰"이 제공하는 서비스를 계속적으로 이용할
|
|
|
- 수 있는 자를 말합니다. ④ "비회원"이라 함은 회원에 가입하지 않고 "쇼핑몰"이 제공하는 서비스를 이용하는 자를
|
|
|
- 말합니다. 제3조 (약관의 명시와 개정) ① "쇼핑몰"은 이 약관의 내용과 상호, 영업소 소재지, 대표자의 성명,
|
|
|
- 사업자등록번호, 연락처(전화, 팩스, 전자우편 주소 등) 등을 이용자가 알 수 있도록 사이트의 초기
|
|
|
- 서비스화면(전면)에 게시합니다. ② "쇼핑몰"은 약관의 규제 등에 관한 법률, 전자거래기본법, 전자서명법,
|
|
|
- 정보통신망 이용촉진 등에 관한 법률, 방문판매 등에 관한법률, 소비자보호법 등 관련법을 위배하지 않는 범위에서 이
|
|
|
- 약관을 개정할 수 있습니다. ③ "쇼핑몰"이 약관을 개정할 경우에는 적용일자 및 개정사유를 명시하여 현행약관과
|
|
|
- 함께 홈페이지의 초기화면에 그 적용일자 7일 이전부터 적용일자 전일까지 공지합니다. ④ "쇼핑몰"이 약관을 개정할
|
|
|
- 경우에는 그 개정약관은 그 적용일자 이후에 체결되는 계약에만 적용되고 그 이전에 이미 체결된 계약에 대해서는 개정
|
|
|
- 전의 약관조항이 그대로 적용됩니다. 다만 이미 계약을 체결한 이용자가 개정약관 조항의 적용을 받기를 원하는 뜻을
|
|
|
- 제3항에 의한 개정약관의 공지기간 내에 "쇼핑몰"에 송신하여 "쇼핑몰"의 동의를 받은 경우에는 개정약관 조항이
|
|
|
- 적용됩니다. ⑤ 이 약관에서 정하지 아니한 사항과 이 약관의 해석에 관하여는 정부가 제정한 전자거래소비자보호지침
|
|
|
- 및 관계법령 또는 상관례에 따릅니다. 제4조(서비스의 제공 및 변경) ① "쇼핑몰"은 다음과 같은 업무를
|
|
|
- 수행합니다. 1. 재화 또는 용역에 대한 정보 제공 및 구매계약의 체결 2. 구매계약이 체결된 재화 또는 용역의
|
|
|
- 배송 3. 기타 "쇼핑몰"이 정하는 업무 ② "쇼핑몰"은 재화의 품절 또는 기술적 사양의 변경 등의 경우에는 장차
|
|
|
- 체결되는 계약에 의해 제공할 재화·용역의 내용을 변경할 수 있습니다. 이 경우에는 변경된 재화·용역의 내용 및
|
|
|
- 제공일자를 명시하여 현재의 재화·용역의 내용을 게시한 곳에 그 제공일자 이전 7일부터 공지합니다. ③ "쇼핑몰"이
|
|
|
- 제공하기로 이용자와 계약을 체결한 서비스의 내용을 재화의 품절 또는 기술적 사양의 변경 등의 사유로 변경할
|
|
|
- 경우에는 "쇼핑몰"은 이로 인하여 이용자가 입은 손해를 배상합니다. 단, "쇼핑몰"에 고의 또는 과실이 없는
|
|
|
- 경우에는 그러하지 아니합니다.</p>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="ui_row btn_group_md">
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <button class="btn btn_default btn_block" id="btn_cancel">
|
|
|
+ <span>취소</span>
|
|
|
+ </button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <div class="ui_row btn_group_md">
|
|
|
- <div class="ui_col_6">
|
|
|
- <button class="btn btn_default btn_block" id="btn_cancel">
|
|
|
- <span>취소</span>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- <div class="ui_col_6">
|
|
|
- <button class="btn btn_dark btn_block" id="btn_order">
|
|
|
- <span>주문하기</span>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <button class="btn btn_dark btn_block" id="btn_order">
|
|
|
+ <span>주문하기</span>
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form_info">
|
|
|
- <p>STYLE24에 회원가입을 하시면 더 많은 혜택을 받으실 수 있습니다!</p>
|
|
|
- <a href="#none" id="btn_join">회원가입</a>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_info">
|
|
|
+ <p>STYLE24에 회원가입을 하시면 더 많은 혜택을 받으실 수 있습니다!</p>
|
|
|
+ <a href="#none" id="btn_join">회원가입</a>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
</div>
|
|
|
+</div>
|
|
|
|
|
|
- <script th:inline="javascript">
|
|
|
-
|
|
|
- </script>
|
|
|
-
|
|
|
- <script type="text/javascript">
|
|
|
- // 컨텐츠 호출
|
|
|
- $(document).ready( function() {
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- // 취소버튼
|
|
|
- $("btn_cancel").on("click", function() {
|
|
|
-
|
|
|
- });
|
|
|
+<script th:inline="javascript">
|
|
|
+ var isLogin = [[${isLogin}]]; // 자사 일반,촐알 배송건수
|
|
|
|
|
|
- // 주문하기버튼
|
|
|
- $("btn_order").on("click", function() {
|
|
|
- // TODO 유효성 체크 추가
|
|
|
+ // 컨텐츠 호출
|
|
|
+ $(document).ready( function() {
|
|
|
+ // 로그인
|
|
|
+ if (isLogin) {
|
|
|
$("#orderForm").submit();
|
|
|
- });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 취소버튼
|
|
|
+ $("btn_cancel").on("click", function() {
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ // 주문하기버튼
|
|
|
+ $("btn_order").on("click", function() {
|
|
|
+ // TODO 유효성 체크 추가
|
|
|
+ $("#orderForm").submit();
|
|
|
+ });
|
|
|
+
|
|
|
+ // 회원가입버튼
|
|
|
+ $("btn_join_member").on("click", function() {
|
|
|
|
|
|
- // 회원가입버튼
|
|
|
- $("btn_join_member").on("click", function() {
|
|
|
-
|
|
|
- });
|
|
|
- </script>
|
|
|
+ });
|
|
|
+</script>
|
|
|
</th:block>
|
|
|
|
|
|
</body>
|