0. 개요

이번 시간에는, 이미 설치된 제품 소개 솔루션을 이용하여 모바일 페이지를 구성하여 보도록 하겠습니다.

PC웹에서 설치 및 기본세팅을 완료하였기 때문에, 모바일에서는 네비게이션을 변경하고 스킨과 소스만 간단히 설정해주면 바로 사용이 가능합니다.

 

 

 

1. 네비게이션 수정

[디자인관리 > 전문가 환경설정 > 네비게이션 마법사] 로 이동해서 아래와 같이 "제품소개"의 링크 주소를 변경 합니다.

'세부페이지'를 선택하여 '제품소개 > 제품 목록' 페이지를 연결해보세요.

 

 

 

 

2. 디자인 페이지 수정

'맞춤전송폼'이나 '맞춤게시판'처럼 단일 프로그램 기능이 아닌 '제품소개' 같은 웹솔루션의 경우, 소스 페이지들이 대부분 '세부 화면 디자인' 안에 있습니다.

[디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 에서 [제품소개 > 제품 목록] 의 스킨을 설정하고 '[PHPX] PHPX 기본 소스 (모바일)'를 선택하여 줍니다.

 

 

 

 

제품 상세보기 페이지도 동일하게 작업합니다.

 

 

 

기본 템플릿 소스를 수정하고 싶으실 경우, [나만의 디자인] 버튼을 눌러 생성하시면 원하시는 형태로 내용 변경이 가능합니다.

 

 

 

홈페이지로 접속해서 제품소개가 정상적으로 출력되는지 확인해보세요.

 

http://uany03.anybuild.com/product/product_list.htm?mobile_conn=on

 

 

 

수고하셨습니다.