아이디저장


더보기 >










[공지] 미션 도전하기 전에 꼭 읽어보세요.
[공지] 초급미션이 A코스,B코스로 분리되었습니다.

미션 A코스 [중급17단] 쇼핑몰 주문관련페이지
2011-11-09 13:23:11
아람스쿨 조회수 1549

지금까지 잘 따라오셨나요? 저희 솔루션을 처음 접하시는 분들은 처음에 관리자모드를 보고 많은 기능들에 대해서 모르고 어렵게만 생각합니다.  그러나, 조금만 사용해보면 굉장히 편리하게 관리자모드를 관리할 수 있다는 것을 알 수 있습니다. 그만큼 고객님들이 필요로 하는 기능들이 최대한 포함되어 있단 얘기겠죠~~

 

오늘부터 진행되는 미션들은 쇼핑몰을 운영하는 고객님들이 특히 관심을 가지고 반드시 마스터해야하는 미션입니다.

그 첫번째 시간으로 주문관련페이지에 대해서 알아보도록 하겠습니다. 주문관련페이지는 주문로그인, 장바구니, 결제관련([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

 

 

 

 

완성 하신 분은 다음 미션으로 고고고~~~

 

 

 

 

 

 

 

 

 

 

 

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^

 

댓글 93개