CMS매뉴얼 16.쇼핑몰 관련 페이지 수정하기
2012-02-25 19:55:19

16. 쇼핑몰 관련 페이지 수정하기

1 서브 코딩하기

웹디모 샵 메인 디자인에서 상단 디자인과 왼쪽 디자인 및 하단디자인은 서브페이지에서도 동일하게 사용되는 부분입니다. 이 부분은 이미 생성된 디자인을 불러와서 사용할 수 있기 때문에 서브 디자인을 구성 할 경우에는 메인 디자인의 상단 디자인과 왼쪽 디자인, 하단디자인을 제외한 메인 중앙디자인만 작업합니다. 기본 세팅된 서브페이지의 메인 중앙 디자인을 살펴보면 상단에 당일배송, 안전한 결제, 매월 다양한 사은품, 10년간의 노하우라는 이미지가 나타납니다. 이 부분을“서브 상단 디자인”으로 이름을 정하고 변경해 보도록 하겠습니다.

EMB0000149035a0 src

현재 웹디모 샵의 서브화면을 살펴보면 위의 그림과 같이 나타납니다. 빨간색 테두리는 메인화면에 사용된 디자인으로 서브화면에도 동일하게 사용합니다. 그림에서 파란색 테두리가 변경할 부분이며 웹디모 샵에 알맞게 디자인을 변경해 보도록 하겠습니다.

(1) 서브 상단 타이틀 수정하기

EMB0000149035a1 src

[디자인관리》디자인 마법사 설정》간편디자인 환경설정》간편디자인 메뉴]에서 서브디자인의 변환코드 관리를 클릭하면 아래와 같이 사용자 항목 목록이 나타납니다.

EMB0000149035a2 src

? {USER_sub_top}부분의 수정버튼을 클릭합니다.

? 기본파일 첨부의 등록된 이미지 삭제에 체크합니다.

? 찾아보기 버튼을 이용해 변경할 이미지를 찾습니다.

? 수정버튼을 클릭하면 아래와 같이 서브 이미지가 변경됩니다.

EMB0000149035a3 src