스크랩 Shoppingmall 16주차 강의 노트

[碧 松]

◎ 08/07 16 주차

□ 하위메뉴 게시판 수정하기

ㅡ 내 빌더 접속 http://mhstory.net/builder → 로그인

 1) 고객센터 > 제품문의 (또는 경력사원모집)

※ 경력사원모집"으로 되어 있는 경우 오른쪽 작업메뉴 > 메뉴관리 > 메뉴종류 - 기본메뉴에서 수정 > 경력사원모집 좌측 [R] 클릭 > 메뉴명 - 경력사원모집을 제품문의로 수정 > 확인

 2) 게시판으로 꾸밀 창을 병합한다. (11번과 14번 셀) - 11번 셀 우측마우스 > 셀 병합 > ↓ 하단 셀과 병합 > 위치 위쪽 > 완료

 3) 다시 우측마우스 > 셀 속성 > 크기 > 높이 800으로 수정 > 확인

 4) 위와 같은 방법으로 하위메뉴 각각의 성격에 따라 크기를 조정한다.

 - 10번 셀, 13번 셀에 각각 - 셀 속성 > 크기 - 높이 □ 자동할당에 체크를 선택한다.

□ 하위메뉴 - 제품문의를 다기능 게시판으로 꾸미기

 - 홈쇼핑 관리자가 요구하는 문의사항만 질문할 수 있도록 꾸민다.

 1) 우측 마우스 > 셀 모듈 등록 > 우측 모듈리스트 창에서 게시판 > 다기능게시판/기본스타일(유료 모듈) - 하단 다음단계 > 모듈설명 : Shoppingmall 문의게시판 > 완료

 2) 게시판 창을 볼 때, 좌우에 공간이 없이 꽉 차 있어서 답답한 느낌이 있으므로 좌우 여백을 조정하기 위해서 우측 마우스 > 셀 속성 > 여백 및 맞춤 - 위쪽 20, 왼쪽 - 20, 오른쪽 - 30 > 확인

 3) 여기에서 게시판 리스트에 보여질 항목과 내용, 질문 유형 등을 미리 정리해 두는 등 전체적인 리스트를 설계한다.

 (1) 항목 : ① 번호 ② 이름 ③ 질문유형 ④ 간단주소 ⑤ 등록일

 (2) 내용 : ① 이름 ② 메일 ③ 집 전화 ④ 휴대폰 ⑤ 질문 유형

 (3) 질문유형 (a123) : ① 주문관련 ② 배송관련 ③ 반품관련 ④ 교환관련

 ⑤ 환불관련

 (4) 질문 제목 (b123)

 (5) 상세 질문

 (6) 간단 주소 (addr)

 4) 게시판 창에서 우측마우스 > 셀 모듈 환경설정 > 일반사항

 ㅡ 리스트 화면에서

 - 썸네일 크기 : 100 * 70

 - 최근글 설정 : 48 시간

ㅡ 읽기 화면에서

 - 번호형식 : ⊙ 순차적으로 보여줌

 ㅡ 등록 화면에서

  - 자료실 기능 : 3MB (최대 20MB까지임)

 - 첨부사진 최대 넓이 : 700이하로 설정

 - 1:1 상담 기능 : □ 체크 해제

 - 수신회원 지정 : 관리자가 직원 또는 타인에게 관리를 위임할 때 체크

 5) 권한 설정

 - 관리계정 : 위에서 수신회원 지정을 사용했을 경우 직원의 아이디

 - 관리자 메일 : 글을 등록하거나 댓글 등록시 관리자에게 메일 발송

 - 댓글 작성 권한 : 운영자

 6) 항목설정 - 상단 항목설정 클릭

 (1) 우측 사용할 항목 리스트창에서 자기소개 클릭 > 좌측창에서 항목이름을 "상세질문"으로 수정 - 변경 > 수정하였습니다 - 확인

 (2) 항목을 추가하기 위해서 항목 이름에 "질문유형" 입력

 - 항목변수 : a123

 - 입력형식 :   [Select] 여러 개 중 한 개 선택 클릭

 - 필수입력 : ⊙ 예 >

 - 선택항목값 : 주문관련,배송관련,반품관련,교환관련,환불관련

 ※ 콤마로 연결하면서 붙여쓰기 한다.

 - Text size 50 입력하고 등록 항목 이름 위에 있는 [등록] 클릭 → 우측창에 [질문유형] 생성됨

 ※ 여기에서 일단 하단에 있는 완료 버튼을 클릭 후 > 작업페이지 메인메뉴창에서 우측마우스 > 셀 모듈 환경설정 > 항목설정을 클릭해도 된다.

 (3) 항목을 추가하기 위해서 항목 이름에 "질문제목" 입력

 - 항목변수 : b123

 - 입력형식 : 선택 옵션을 클릭 > [Text] 한 줄 입력 선택

 - 필수입력 : ⊙ 예 >

 - Text Size : 50 > 항목 이름 위에 있는 [등록] 클릭 → 우측창에 [질문항목] 생성됨

 (4) 우측 사용할 항목 리스트 창에서 [소재지주소] 선택 > 좌측창 아래 기본입력값에  시,구,동,  콤마로 연결해서 입력하기

 ※ 여기에서 일단 하단에 있는 완료 버튼을 클릭 후 > 작업페이지 메인메뉴창에서 우측마우스 > 셀 모듈 환경설정 > 항목설정을 클릭해도 된다.

 7) 폼디자인 - 상단 폼디자인 클릭

 (1) 리스트헤더에서 직업 → 질문유형 으로 휴대폰 → 간단주소로 수정

 (2) 리스트내용에서 {subject} → {a123}로 {mobile} → {addr}로 수정

 ※ 여기에서 상단 항목설정 클릭 > 우측창에서 [소재지 주소] 클릭 > 좌측창 항목변수명에서 addr 을 확인해 본다.

 - 주민등록번호가 두 개이므로 뒷 부분에서 <td>주민등록번호</td><td bgcolor='#ffffff'>{birth}</td> 부분을 삭제한다. 또는 두 개 모두 삭제한다.

 - 성별은 필요가 없으므로 9번째 줄 <tr bgcolor='#eeeeee'><td>성별</td><td bgcolor='#ffffff' colspan=3>{sex}</td></tr> 부분을 모두 삭제한다.

 ※ 여기에서 일단 하단에 있는 완료 버튼을 클릭 후 > 작업페이지 메인메뉴창에서 우측마우스 > 셀 모듈 환경설정 > 폼디자인을 클릭해도 된다.

 (3) 등록 및 수정화면

 - 등록 및 수정화면 9번째 줄 <tr bgcolor='#eeeeee'><td>홈페이지</td><td bgcolor='#ffffff' colspan=3>{homepage}</td></tr> 부분을 모두 블록 잡고 > 우측마우스 > 복사 후 키보드에서 ←키를 눌러 삭제한다.

 - 키보드에서 ←키를 눌러 띄여져 있는 행간을 붙인다.

 - <td>홈페이지</td>를 <td>질문제목</td>으로 수정 - {homepage}를 {b123}으로 수정한다.

 - 자기소개 를 상세질문으로 수정한다.

 - 직업을 질문유형 으로 수정하고{subject}는 {a123}으로

 - 취미는 간단주소로 {hobby}는 {addr}로 수정한다.

 - 등록및수정화면에 우측마우스 > 모두선택 > 복사한다.

 - 보기화면 클릭 > 우측마우스 > 모두선택 > 우측마우스 > 붙여넣기 > 완료

 8) 항목설정 수정하기

 - 작업페이지 메인메뉴창에서 우측마우스 > 셀 모듈 환경설정 > 상단 항목설정 클릭 - 우측창 소재지 주소 선택 - 좌측창 입력형식 : [Text] 한 줄로 입력 선택 - Text size : 30, - 기본 입력값 : 시,구,동 > 변경 > 확인

 - 작업페이지 메인메뉴창에서 우측마우스 > 셀 모듈 환경설정 > 상단 항목설정 클릭 - 우측창 질문제목 선택 - 좌측창 Text size : 50, - 기본 입력값 : 시,구,동 > 변경 > 확인 > 완료

 9) 관리자 이름을 닉네임(은행나무) 또는 실명이나 다른이름으로 수정하기

 - 작업메뉴 > 회원관련 설정 > 회원리트에서 이름을 수정한다.

□ 하위메뉴 - 반품요청을 다기능 게시판으로 꾸미기

  1) 고객센터 > 반품요청 (또는 생산직사원모집) > 작업메뉴 > 페이지 복제해오기 > 제품문의 /wizhome/menu_38.html 클릭

※ 생산직사원모집"으로 되어 있는 경우 오른쪽 작업메뉴 > 메뉴관리 > 메뉴종류 - 기본메뉴에서 수정 > 생산직사원모집 좌측 [R] 클릭 > 메뉴명 - 생산직사원모집을 반품요청으로 수정 > 확인

 2) 게시판 창 (11번 셀) 우측 마우스 > 셀 모듈 삭제 > 확인

 3) 게시판 창 우측 마우스 > 셀 모듈 등록 > 좌측 사용 중인 모듈 창에서 게시판 선택 > ⊙ 다기능게시판/기본스타일 (Shoppingmall 문의게시판) 클릭 > 완료

 4) 게시판 창 우측 마우스 > 셀 모듈 환경설정 > 모듈이름 - Shoppingmall 반품게시판 입력 - 하단 □ "해당모듈을 사용하는 모든 페이지에 대해 적용합니다" 앞에 체크를 꼭 해지해야 한다.

 5) 여기에서 게시판 리스트에 보여질 항목을 설계한다.

 - 항목 : ① 번호 ② 이름 ③ 반품이유 ④ 간단주소 ⑤ 등록일

 6) 게시판 창 우측 마우스 > 셀 모듈 환경설정 > 항목설정 - 우측창에서 질문유형 선택 > 좌측창에서 항목이름 : 반품이유로 수정

 - 선택항목값의 내용을 삭제하고 "제품불량,색상변색,사이즈불량,기타" 라고 콤마로 연결하면서 붙여쓰기 하여 입력한다.

 - Text size 50 입력하고 항목 이름 위에 있는 [변경] 클릭 > 확인 > 완료

 7) 게시판 창 우측 마우스 > 셀 모듈 환경설정 > 항목설정 - 좌측창에서 항목이름 : "상품코드" 입력

 - 항목변수명 : c123

 - 입력형식 : [addr] 주소 입력

 - 필수 입력 : ⊙ 예 > 등

 - 선택항목값 : 삭제

 - Text size : 50 > 항목 이름 위에 있는 [등록] 클릭 → 우측창에 [상품코드] 생성됨

 8) 우측창 소재지 주소 선택 > 좌측창 항목 이름 : 상세주소로 수정

 - 입력 형식 : [addr] 주소 입력

 - 기본입력값 : 삭제 > 변경 > 확인

 9) 상단 폼디자인 클릭

 - 리스트헤더에서 간단주소를 메일주소 로 수정한다.

 - 리스트 내용에서는 {addr}를 {email} 로 수정한다.

 - 등록및수정화면에서  질문유형 을 반품이유 라고 수정한다.

 - 간단주소를 메일주소로, {addr}은{email}로 수정한다. → 하지만 메일주소가 겹치기 때문에 수정하지 않고 그대로 두는 것이 맞는 듯하다.

 - 등록및 수정화면 우측마우스 > 모두 선택 > 우측마우스 > 복사

 - 보기화면 우측마우스 > 모두 선택 > 우측 마우스 > 붙여넣기 > 완료

 ※ 게시판 창 > 글쓰기를 클릭해서 간단주소에 우편번호가 나오면 맞는 것이다. 따라서 간단주소를 메일주소로, {addr}은{email}로 수정하지 않고 본래대로 두는 것이 맞는다.

□ 하위메뉴 - 메일로문의하기를 다기능 게시판으로 꾸미기

  1) 고객센터 > 메일로문의하기 > 작업메뉴 > 페이지 복제해오기 > 반품요청 /wizhome/menu_39.html 클릭

※ 혹시 다른 이름으로 되어 있는 경우 오른쪽 작업메뉴 > 메뉴관리 > 메뉴종류 - 기본메뉴에서 수정 > 다른 이름으로 된 좌측 [R] 클릭 > 메뉴명 - 다른 이름을 메일로문의하기로 수정 > 확인

 2) 게시판 창 (11번 셀) 우측 마우스 > 셀 모듈 삭제 > 확인

 3) 게시판 창 우측 마우스 > 셀 모듈 등록 > 우측 모듈리스트 창에서 폼메일 선택 > ⊙ 폼메일/기본스타일 클릭 > 하단 다음단계

 - 모듈설명 : 기본폼메일

 - 수신자 메일주소 : choemh@hanmail.net">choemh@hanmail.net

 - □ 고정 (받는사람 주소를 수정못하게 합니다)에 체크

 - 이름 : 발송인 이름

 - 발송자 메일 주소 : 발송인 메일주소

 - 수신자 메일 주소 : 수신인 메일주소

 - 최대 첨부 문구 : 최대 첨부사이즈 크기는 3MB 입니다.

 - 보내기 : 메일 보내기

 - 취소 : 작성 취소

 - 전송 후 메시지 : "은행나무 쇼핑몰 관리자에게 정상적으로 메일을 보냈습니다" 입력. > 완료

 4) 게시판에서 메일을 직접 보내 본다.

 - 제목 : 메일 보내기 시험 중

 - 내용 : 메일이 정상적으로 가고 있는지 확인 바람

□ 하위메뉴 - 메일로문의하기를 다기능 게시판으로 꾸미기

  1) 고객센터 > 자주하는 질문 > 작업메뉴 > 페이지 복제해오기 > 메일로문의하기 /wizhome/menu_40.html > 확인

 2) 게시판 창 (11번 셀) 우측 마우스 > 셀 모듈 삭제 > 확인

 3) 게시판 창 우측마우스 > 셀 모듈 등록 > 우측 모듈리스트 창에서 게시판 선택 > ⊙ FAQ게시판/FAQ스타일 선택 > 다음단계

 4) 모듈설명 : "자주묻는 질문 게시판" 입력

 5) 스타일 → 제목 색상 - 주황색 선택 > 적용, (하이라이트) 초록색 선택 > 적용

 6) 일반사항 → 내용 클릭시 □ 내용 클릭시 펼쳐져 있던 다른 내용을 자동으로 닫습니다. 에 체크한다.

 - 자료실 기능 : 3개까지 첨부

 - 첨부사진 최대 넓이 : 600, 3MB로 업로드 제한 > 확인

 7) 게시판에서 로그인 클릭 > 자기 계정과 비밀번호 - Enter

 - 등록 클릭 > 제목 - 반품 안 됨, 내용 - 제품이 품절되어서 반품이 불가합니다.  제품이 품절되어서 반품이 불가합니다. > 작성완료

 - 등록 클릭 > 제목 - 반품 요청 후에 대하여, 내용 - 반품 요청 후에 대하여,  반품 요청 후에 대하여 > 작성완료