통합 매뉴얼 32.회원로그인 폼 수정하기
2010-10-21 11:52:12

12. MY PAGE 수정하기

1 회원로그인 폼 수정하기

회원로그인 폼의 수정할 부분과 수정방법에 대해 살펴보고, 각 서브 페이지의 상단 타이틀을 변경해 보도록 하겠습니다.

(1) 회원로그인 폼 미리보기

회원로그인 폼에서 회원·비회원의 주문확인 폼은 수정할 필요가 없습니다. 회원로그인 폼에서 수정해야 할 부분은 상단 타이틀과 페이지 내의 타이틀 수정입니다. 아래의 그림을 보면 상단 타이틀 이미지는 쇼핑몰의 현재 위치 부분과 동일하게 사용되고 있습니다.

EMB000011a03d3e src

(2) 본문 타이틀 수정하기

위의 기본 디자인을 아래와 같이 변경하기위해 기본 페이지 수정하기> 이용약관 수정하기에서 만든 본문타이틀 소스를 사용하면 됩니다.

EMB000011a03d3f src

“이용약관 본문타이틀 소스“를“로그인 본문타이틀 소스“로 변경합니다. 이용약관 수정하기에 살펴본바와 같이 본문타이틀 소스는 타이틀명이 적힌 이미지와 현재 경로부분만 수정해서 사용하면 됩니다.

이용약관의 본문타이틀 소스

<!--본문타이틀 시작-->

<table width="767" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="19"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid1.gif" width="19" height="52"></td>

<td background="/img_up/shop_pds/ucomm01/design/sub/sub1_mid_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="/img_up/shop_pds/ucomm01/design/main/bottom_title1.jpg"></td>

<td align="right">HOME | 사이트이용약관</td>

</tr>

</table></td>

<td width="20"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid2.gif" width="20" height="52"></td>

</tr>

</table>

<!--본문타이틀 종료-->

로그인 본문타이틀 소스

<!--본문타이틀 시작-->

<table width="767" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="19"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid1.gif" width="19" height="52"></td>

<td background="/img_up/shop_pds/ucomm01/design/sub/sub1_mid_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="/img_up/shop_pds/ucomm01/design/sub/login.jpg"></td>

<td align="right">HOME | 회원로그인</td>

</tr>

</table></td>

<td width="20"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid2.gif" width="20" height="52"></td>

</tr>

</table>

<!--본문타이틀 종료-->

EMB000011a03d40 src

[디자인 관리》고급 디자인 관리》세부 화면 디자인》MY PAGE]》회원로그인 폼]의 기본 템플릿에서 “쇼핑몰 기본형”을 선택하고, “나만의 디자인으로 복사”합니다. 나만의 디자인에 생성된“쇼핑몰 기본형”소스에서 회원 로그인 폼 타이틀이 들어갈 위치에 의 “로그인 본문타이틀 소스”를 삽입하고 해당 이미지 파일을 FTP로 업로드 합니다. (필자는 복사된“쇼핑몰 기본형”의 이름을 “로그인 폼”으로 변경하였습니다.)

tip) 쇼핑몰 기본 디자인에서는 {GROUP_mypage_top}아래부터 상단디자인이 표시됩니다.

EMB000011a03c73 src

수정이 완료된 후 출력되는 화면은 다음과 같습니다.

EMB000011a03c72 src

[디자인 관리》고급 디자인 관리》세부 화면 디자인]의 다른 페이지도 위와 같은 방법으로 본문타이틀을 수정합니다.