![]()
지금까지 잘 따라오셨나요? 저희 솔루션을 처음 접하시는 분들은 처음에 관리자모드를 보고 많은 기능들에 대해서 모르고 어렵게만 생각합니다. 그러나, 조금만 사용해보면 굉장히 편리하게 관리자모드를 관리할 수 있다는 것을 알 수 있습니다. 그만큼 고객님들이 필요로 하는 기능들이 최대한 포함되어 있단 얘기겠죠~~
오늘부터 진행되는 미션들은 쇼핑몰을 운영하는 고객님들이 특히 관심을 가지고 반드시 마스터해야하는 미션입니다. 그 첫번째 시간으로 주문관련페이지에 대해서 알아보도록 하겠습니다. 주문관련페이지는 주문로그인, 장바구니, 결제관련([1단계]주문자 정보입력, [2단계] 결제하기, [3단계]주문완료) 등이 있습니다.
※ 각 페이지의 기본템플릿은 가능한 동일한 형태의 디자인을 선택하세요. 예를 들어, 주문로그인 C, 장바구니 C, 결제하기 C, ... 를 선택하시면 됩니다.
![]()
주문로그인은 고객들이 상품을 구매할 경우에 회원은 로그인을 할 수 있고, 비회원은 비회원 구매하기가 가능하도록 나타내는 페이지입니다. [디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 "[쇼핑몰]주문관련"에서 주문로그인을 클릭합니다.
- 외각디자인의 왼쪽디자인을 "쇼핑몰 왼쪽디자인"을 선택하고 "외각디자인 저장하기"를 클릭합니다. - 기본템플릿에서 "주문 로그인 C"를 선택합니다. - 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다. - 나만의 디자인에 복사된 "주문 로그인 C"를 선택합니다.
페이지 디자인관리의 URL주소를 클릭하면 아래와 같이 나타납니다. 주문로그인 페이지의 디자인을 수정하려면 현재페이지의 디자인소스를 수정하시기 바랍니다.
![]()
장바구니란 쇼핑을 하면서 구매의사가 있는 상품을 담아두는 곳으로 장바구니에 담긴 상품은 필요에 따라 구매가 가능합니다.
[디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 "[쇼핑몰]주문관련"에서 장바구니를 클릭합니다.
- 외각디자인의 왼쪽디자인을 "쇼핑몰 왼쪽디자인"을 선택하고 "외각디자인 저장하기"를 클릭합니다. - 기본템플릿에서 "장바구니 C"를 선택합니다. - 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다. - 나만의 디자인에 복사된 "장바구니 C"를 선택합니다.
페이지 디자인관리의 URL주소를 클릭하면 아래와 같이 나타납니다. 장바구니 페이지의 디자인을 수정하려면 현재페이지의 디자인소스를 수정하시기 바랍니다.
![]()
고객이 상품을 선택해서 구매가 결정되면 결제를 하기위한 [1단계] 주문자정보입력, [2단계] 결제하기, [3단계] 주문완료의 단계를 거치게 됩니다. [1단계] 주문자정보입력은 주문로그인 후에 주문자정보, 수령자정보, 주문요구사항을 입력하는 곳입니다.
[디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 "[쇼핑몰]주문관련"에서 "[1단계] 주문자정보입력"를 클릭합니다.
- 외각디자인의 왼쪽디자인을 "쇼핑몰 왼쪽디자인"을 선택하고 "외각디자인 저장하기"를 클릭합니다. - 기본템플릿에서 "주문자 정보 입력 C"를 선택합니다. - 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다. - 나만의 디자인에 복사된 "주문자 정보 입력 C"를 선택합니다.
페이지 디자인관리의 URL주소를 클릭하면 아래와 같이 나타납니다. 주문자 정보입력 페이지의 디자인을 수정하려면 현재페이지의 디자인소스를 수정하시기 바랍니다.
![]()
[2단계] 결제하기는 [1단계]주문자 정보 입력 후에 배송방법, 결제방법 등의 실제로 결제가 이루어지는 곳입니다.
[디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 "[쇼핑몰]주문관련"에서 "[2단계] 결제하기"를 클릭합니다.
- 외각디자인의 왼쪽디자인을 "쇼핑몰 왼쪽디자인"을 선택하고 "외각디자인 저장하기"를 클릭합니다. - 기본템플릿에서 "결제하기 C"를 선택합니다. - 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다. - 나만의 디자인에 복사된 "결제하기 C"를 선택합니다.
페이지 디자인관리의 URL주소를 클릭하면 아래와 같이 나타납니다. 결제하기 페이지의 디자인을 수정하려면 현재페이지의 디자인소스를 수정하시기 바랍니다.
![]()
[3단계] 주문완료는 [2단계]결제하기 후에 상품주문이 완료되고 확인하는 페이지입니다.
[디자인관리 》 고급 디자인 관리 》 세부 화면 디자인]에서 "[쇼핑몰]주문관련"에서 "[3단계] 주문완료"를 클릭합니다.
- 외각디자인의 왼쪽디자인을 "쇼핑몰 왼쪽디자인"을 선택하고 "외각디자인 저장하기"를 클릭합니다. - 기본템플릿에서 "주문 완료 C"를 선택합니다. - 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다. - 나만의 디자인에 복사된 "주문 완료 C"를 선택합니다.
페이지 디자인관리의 URL주소를 클릭하면 아래와 같이 나타납니다. 주문완료 페이지의 디자인을 수정하려면 현재페이지의 디자인소스를 수정하시기 바랍니다.
![]() 수고하셨습니다~~~
완성화면 : http://uhkr32.aramschool.co.kr/shop_login/jumun_login_form.htm?direct_yn=1
완성 하신 분은 다음 미션으로 고고고~~~
댓글 93개 |
