디자인관리
디자인 기본설정
|
스타일시트 관리
|
인트로/공사중 설정
|
WebFTP 이미지 관리
|
배너 관리
|
메인팝업창 관리
|
디자인코디 (easy스킨용)
|
디자인코디 (HTML) - 메인페이지 디자인
|
디자인코디 (HTML) - 기타페이지 디자인
|
새로운 페이지 추가하기
|
오픈마켓 전용 이미지관리
메인팝업창 관리
<P><STRONG><FONT color=#ff0000>- 파일설명</FONT></STRONG>: 팝업창을 설명하는 문구를 넣으세요. 예) 추석이벤트 팝업창, 배송안내공지창 등</P> <P> </P> <P><STRONG><FONT color=#ff0000>- 팝업창설정</FONT></STRONG>: 출력으로 체크하시면 팝업창이 열리게 됩니다.</P> <P> </P> <P><STRONG><FONT color=#ff0000>- 크기</FONT></STRONG>: 팝업창의 가로세로 크기를 설정하실 수 있습니다.</P> <P> </P> <P><STRONG><FONT color=#ff0000>- 위치</FONT></STRONG>: 팝업창이 열리는 위치를 설정합니다. 즉, 브라우저를 기준으로 상단에서의 위치할 픽셀과 왼쪽측면에서의 위치할 픽셀을 입력하시면 정해진 위치에서 팝업창이 열리게 됩니다.</P> <P> </P> <P><STRONG><FONT color=#ff0000>- 팝업창 추가생성</FONT></STRONG>: 팝업창이 동시에 여러개가 뜨게 만드시려면 하단에 있는 <FONT color=#0000ff>'새이름으로 저장' 버튼을 누르신후 새팝업창의 파일명을 정하고 저장하면 새로운 팝업창을 만드는 페이지가 생성</FONT>됩니다.</P> <P> </P> <P><A href="javascript:saveas_call( 'on' );"></A><img onLoad='miniSelfResize(contents_7,this)' height=50 src="http://guide.godo.co.kr/shop/data/editor/1168579696.gif" width=65> </P> <P><FONT color=#0000ff>새이름으로 저장버튼을 누른 후 추가 팝업창을 만드세요.</FONT></P> <P><FONT color=#0000ff></FONT> </P> <P><FONT color=#0000ff></FONT> </P> <P><STRONG><FONT style="BACKGROUND-COLOR: #fff000" color=#ff00ff size=3>TIP! [메인팝업창 추가하기]</FONT></STRONG></P> <P><FONT color=#0000ff></FONT> </P><FONT color=#0000ff> <P><FONT color=#000000>메인 팝업창을 추가로 만드는 방법에 대해서 안내해 드리겠습니다.</FONT></P> <P><FONT color=#000000>메인 팝업창은 기본팝업창인 </FONT></P> <P><FONT color=#000000>관리자모드 -> 디자인관리 -> 메입팝업창관리로 이동을 해보시면, 기본적으로 아래 화면과 같이 2개의 파일이 존재합니다.</FONT></P> <P> </P> <P><img onLoad='miniSelfResize(contents_7,this)' height=128 src="http://www.godo.co.kr/meditor/data/1205129893.JPG" width=352></P> <P> </P> <P><FONT color=#000000>여기서 기본 팝업을 선택합니다.</FONT></P> <P><FONT color=#000000>페이지 하단의 '새이름으로 저장' 버튼을 눌러줍니다.</FONT></P> <P><FONT color=#000000>아래오 같이 세팅을 하시고 저장 버튼을 누릅니다.</FONT></P> <P><img onLoad='miniSelfResize(contents_7,this)' height=128 src="http://www.godo.co.kr/meditor/data/1205130198.JPG" width=354></P> <P> </P> <P><FONT color=#000000>저장 버튼 클릭후 좌측 메뉴의 '메인 팝업창 관리를 누르시면 팝업테스트가 하나더 추가된게 확인됩니다. (총 2개 파일에서 3개로 변경됨)</FONT></P> <P><FONT color=#000000></FONT> </P> <P><FONT color=#000000>여기서 새로 추가한 '팝업테스트'를 선택합니다.</FONT></P> <P><FONT color=#000000>선택후에 출력여부를 '출력'으로 변경하시고, 위치값의 2번째 란에 300을 넣은후 저장하시면 쇼핑몰 새로고침시에 아래와 같이 2개의 동일한 팝업창이 보이게 됩니다.</FONT></P> <P> </P> <P><img onLoad='miniSelfResize(contents_7,this)' height=503 src="http://www.godo.co.kr/meditor/data/1205131160.JPG" width=764></P> <P> </P> <P><FONT color=#000000>이제 팝업창이 하나더 추가가 되었습니다 그럼 기존 이미지를 새로 제작하신 이미지로 변경합니다. 이때는 이미지가 FTP 상에 업로드 되어 있어야 됩니다.</FONT></P> <P><FONT color=#000000>저는 예시파일로 현재 고도몰 홈페이지의 팝업창을 다른이름으로 저장했습니다.</FONT></P> <P><FONT color=#000000>(고객님들 개별 디자인 제작을 해주셔야됩니다.)</FONT></P> <P><FONT color=#000000>이 이미지를 관리자모드 -> 디자인 관리 -> WebFTP에 업로드를 합니다.</FONT></P> <P><FONT color=#000000></FONT> </P> <P><FONT color=#000000>업로드 후에 업로드된 파일의 '주소복사' 버튼을 눌러서 주소를 복사값을 미리 저장합니다.</FONT></P> <P><FONT color=#000000></FONT> </P> <P><FONT color=#000000>관리자모드 -> 디자인관리 -> 메인팝업창관리 -> 팝업 테스트 선택후</FONT></P> <P><FONT color=#000000>아래 파란부분의 소스를 복사하신 주소값으로 변경합니다.</FONT></P> <P><FONT color=#000000></FONT> </P> <P><FONT color=#000000><img src="<FONT color=#0000ff>../img/main/popup_01.gif</FONT>"></FONT></P> <P><FONT color=#000000></FONT> </P> <P><FONT color=#000000><img src="<FONT color=#ff0000>복사한 주소값 붙여넣기</FONT>"></FONT></P> <P><FONT color=#000000>빨간 글씨의 한글부분의 실제값은 고객님들마다 모두 달라지게 됩니다.</FONT></P> <P><FONT color=#000000>붙여넣기후 저장 버튼을 누르시면 제 테스트 페이지의 경우는 아래와 같이 새로운 팝업창이 생겼습니다.</FONT></P> <P> </P> <P><img onLoad='miniSelfResize(contents_7,this)' height=459 src="http://www.godo.co.kr/meditor/data/1205131863.JPG" width=605></P> <P> </P> <P><FONT color=#000000>새로 만든 이미지와 가로값과 높이값이 맞지 않습니다.</FONT></P> <P><FONT color=#000000>그럼 관리자모드 -> 디자인관리 -> 메인팝업창관리 -> '팝업테스트'를 선택후에</FONT></P> <P><FONT color=#000000>파일의 크기 부분을 각각의 이미지에 맞게 조정합니다 크기 조정 부분은 아래와 같습니다.</FONT></P> <P><img onLoad='miniSelfResize(contents_7,this)' height=130 src="http://www.godo.co.kr/meditor/data/1205131995.JPG" width=879></P> <P> </P> <P> </P> <P><FONT color=#000000>각각의 이미지 사이즈에 맞게 크기값을 수정후 저장하시면 아래처럼 사이즈에 맞는 새로운 팝업창이 완성되었습니다.</FONT></P> <P> </P> <P><img onLoad='miniSelfResize(contents_7,this)' height=472 src="http://www.godo.co.kr/meditor/data/1205132204.JPG" width=824></P> <P> </P></FONT> <P> </P>
디자인관리
