디자인관리
디자인 스킨설정
|
로고/배너 관리
|
로고배너편집기
|
WebFTP 이미지 관리
|
알FTP 사용법
|
디자인 에디터
|
메인페이지 디자인
|
서브페이지 디자인
|
새로운 페이지 추가하기
|
스타일시트 관리
|
인트로/공사중 설정
|
메인팝업창 관리
|
움직이는 배너
|
배경음악설정
|
쇼핑카트탭 설정
|
인기상품 노출 설정
|
웹폰트 선택/신청
|
웹폰트 설정
|
웹폰트 신청내역/연장하기
멀티팝업창관리 & 팝업창 관리
<P><FONT color=#ff0000><FONT color=#ff5a00><FONT size=7><STRONG>ㆍ</STRONG><STRONG>멀티팝업창 관리</STRONG></FONT></FONT></FONT></P> <P><FONT color=#ff5a00><STRONG> </STRONG> 멀티팝업이란?</FONT></P> <P><FONT color=#ff0000><FONT color=#ff5a00 size=3> <FONT size=2><FONT color=#000000>멀티팝업이란 팝업창에서 여러 개의 공지나 이벤트를 돌아가며 보여줄 수 있는 기능입니다<SPAN lang=EN-US>.</SPAN></FONT></FONT></FONT></FONT></P> <P><FONT color=#ff0000><FONT color=#ff5a00 size=3><FONT size=2><FONT color=#000000><SPAN lang=EN-US> <img onLoad='miniSelfResize(contents_7,this)' src="http://guide.godo.co.kr/season4/data/editor/1438211418.png"></SPAN></FONT></FONT></FONT></FONT></P> <P><FONT color=#ff0000><FONT color=#ff5a00 size=3><FONT size=2><FONT color=#000000><SPAN lang=EN-US><?xml:namespace prefix = "o" ns = "urn:schemas-microsoft-com:office:office" /><o:p><STRONG><FONT color=#ff0000><FONT color=#ff5a00 size=3></FONT></FONT></STRONG></o:p></SPAN></FONT></FONT></FONT></FONT> </P> <P><FONT color=#ff0000><FONT color=#ff5a00 size=3><FONT size=2><FONT color=#000000><SPAN lang=EN-US><o:p><STRONG><FONT color=#ff0000><FONT color=#ff5a00 size=3>ㆍ멀티팝업 등록</FONT></FONT></STRONG></o:p></SPAN></FONT></FONT></FONT></FONT></P><FONT color=#ff0000><FONT color=#ff5a00 size=3><FONT size=2><FONT color=#000000><SPAN lang=EN-US><o:p><FONT color=#ff5a00> <UL class=list2> <LI> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><STRONG><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>1. </SPAN></STRONG><STRONG><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>팝업제목</SPAN></STRONG><SPAN class=apple-converted-space><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN></SPAN><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>: </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창의 제목을 입력하세요<SPAN lang=EN-US><FONT color=#000000>. (ex. </FONT></SPAN>설특집이벤트팝업<SPAN lang=EN-US><FONT color=#000000>, </FONT></SPAN>배송안내팝업<SPAN lang=EN-US><FONT color=#000000>)<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><STRONG><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>2. </SPAN></STRONG><STRONG><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>출력여부</SPAN></STRONG><SPAN class=apple-converted-space><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN></SPAN><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>: </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>출력으로 체크하면 팝업창이 쇼핑몰에 출력이 됩니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>3. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>기간별 노출 설정 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업이 노출될 기간과 시간을 설정합니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'><FONT color=#000000><SPAN style="mso-spacerun: yes"> </SPAN><B style="mso-bidi-font-weight: normal">i. </B></FONT></SPAN><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>항상 팝업창이 열립니다<SPAN lang=EN-US><FONT color=#000000> :</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>기간과 시간에 상관없이 항상 노출됩니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt; TEXT-INDENT: 4.5pt; mso-char-indent-count: .5"><STRONG><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'> ii. </SPAN></STRONG><STRONG><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>특정기간동안 팝업창이 열립니다</SPAN></STRONG><SPAN class=apple-converted-space><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN></SPAN><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>: </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>특정한 기간내에 팝업창이 뜨도록 설정합니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt; TEXT-INDENT: 4.5pt; mso-char-indent-count: .5"><STRONG><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'> iii. </SPAN></STRONG><STRONG><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>특정기간동안 특정한 시간에만 팝업창이 열립니다</SPAN></STRONG><SPAN class=apple-converted-space><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN></SPAN><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>: </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>특정기간동안 특정한 시간에만 팝업창이 뜨도록 설정합니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>4. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>오늘 하루 보이지 않음 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창에 오늘 하루 보이지 않음 옵션 출력여부와 색상을 설정할 수 있습니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><STRONG><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>5. </SPAN></STRONG><STRONG><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>창위치</SPAN></STRONG><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> : </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창이 열리는 위치를 설정합니다<SPAN lang=EN-US><FONT color=#000000>. </FONT></SPAN>브라우저를 기준으로<SPAN lang=EN-US><FONT color=#000000> </FONT></SPAN>상단에서의 위치할 픽셀과 왼쪽측면에서의<SPAN lang=EN-US><FONT color=#000000> </FONT></SPAN>위치할 픽셀을 입력하시면 정해진 위치에서 팝업창이 열리게 됩니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>6.<STRONG><SPAN style='FONT-FAMILY: "맑은 고딕"; mso-bidi-font-family: 굴림'><FONT color=#000000> </FONT></SPAN></STRONG></SPAN></B><STRONG><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black; mso-bidi-font-family: 굴림'>창타입</SPAN></STRONG><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'><o:p></o:p></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt; TEXT-INDENT: 4.5pt; mso-char-indent-count: .5"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>i.</SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>일반윈도우팝업창<SPAN lang=EN-US><FONT color=#000000> :</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>일반적으로 많이 보는 타입의 팝업창입니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt; TEXT-INDENT: 4.5pt; mso-char-indent-count: .5"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>ii. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>이동레이어<SPAN lang=EN-US><FONT color=#000000> :</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>레이어타입의 팝업창으로 쇼핑몰화면에 딱붙어 있는 독특한 팝업창입니다<SPAN lang=EN-US><FONT color=#000000>. </FONT></SPAN>이동이 가능합니다<SPAN lang=EN-US><FONT color=#000000>. <o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt; TEXT-INDENT: 4.5pt; mso-char-indent-count: .5"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>iii. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>고정레이어 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>쇼핑몰화면에 딱붙어 있는 고정된 팝업창입니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>7. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>큰이미지 이동 방법<SPAN lang=EN-US><FONT color=#000000> :</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창내에서 큰이미지 전환 방향을 설정합니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>8. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>이동시 속도 선택 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창내의 큰이미지 전환 속도를 설정합니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>9. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>이미지 여백 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창 내 이미지간의 여백을 설정합니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>10. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>이미지 개수 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창에 등록하여 출력될 이미지 개수를 설정합니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>11. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>큰이미지사이즈 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창에 노출될 큰이미지의 사이즈를 입력합니다<SPAN lang=EN-US><FONT color=#000000>. </FONT></SPAN>최대 등록 가능한 이미지 사이즈는 <SPAN lang=EN-US><FONT color=#000000>600 * 600 pixel </FONT></SPAN>입니다<SPAN lang=EN-US><FONT color=#000000>.<o:p></o:p></FONT></SPAN></SPAN></P> <P style="BACKGROUND: white; MARGIN: 1.5pt 0cm; LINE-HEIGHT: 12.6pt"><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>12. </SPAN></B><B style="mso-bidi-font-weight: normal"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>작은이미지사이즈 <SPAN lang=EN-US><FONT color=#000000>:</FONT></SPAN></SPAN></B><SPAN lang=EN-US style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'> </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "맑은 고딕"; COLOR: black'>팝업창 하단에 노출될 작은이미지의 사이즈 입니다<SPAN lang=EN-US><FONT color=#000000>. </FONT></SPAN>큰이미지사이즈 설정시 자동으로 최적의 사이즈로 설정이 됩니다<SPAN lang=EN-US><FONT color=#000000>.</FONT><o:p></o:p></SPAN></SPAN></P></LI></UL> <P></FONT></o:p></SPAN></FONT></FONT></FONT></FONT><STRONG><FONT color=#ff0000><FONT color=#ff5a00 size=3></FONT></FONT></STRONG> </P> <P><FONT color=#ff0000><FONT color=#ff5a00 size=3><SPAN lang=EN-US><o:p><FONT color=#ff0000><FONT color=#ff5a00 size=3><STRONG>ㆍ멀티팝업이미지 등록 </STRONG>(팝업이미지 > [등록] 버튼 클릭시)</FONT></FONT></o:p></SPAN></FONT></FONT></P> <P><FONT color=#ff0000><FONT color=#ff5a00 size=3><SPAN lang=EN-US><o:p> <img onLoad='miniSelfResize(contents_7,this)' src="http://guide.godo.co.kr/season4/data/editor/1438211602.png"></o:p></SPAN></FONT></FONT></P><FONT color=#ff0000><FONT color=#ff5a00 size=3><SPAN lang=EN-US><o:p> <UL class=list2> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; LINE-HEIGHT: normal"><FONT size=2><FONT color=#000000><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US>1. </SPAN>이미지 등록방식<SPAN lang=EN-US> :</SPAN></B><SPAN lang=EN-US> </SPAN>직접 <SPAN lang=EN-US>PC</SPAN>에서 업로드 하거나<SPAN lang=EN-US>, </SPAN>이미지호스팅<SPAN lang=EN-US> URL</SPAN>을 입력하여 등록할 수 있습니다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></FONT></P> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; LINE-HEIGHT: normal"><FONT size=2><FONT color=#000000><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US>2. </SPAN>작은이미지<SPAN lang=EN-US>1 :</SPAN></B><SPAN lang=EN-US> </SPAN>멀티팝업 하단에 노출되는 작은이미지를 업로드 합니다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></FONT></P> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; LINE-HEIGHT: normal"><FONT size=2><FONT color=#000000><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US>3. </SPAN>작은이미지<SPAN lang=EN-US>2 :</SPAN></B><SPAN lang=EN-US> </SPAN>멀티팝업 하단에 노출되는 작은이미지에 마우스커서를 올렸을 때 보여지는 이미지 입니다<SPAN lang=EN-US>. <o:p></o:p></SPAN></FONT></FONT></P> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; LINE-HEIGHT: normal"><FONT size=2><FONT color=#000000><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US>4. </SPAN>큰이미지 <SPAN lang=EN-US>:</SPAN></B><SPAN lang=EN-US> </SPAN>멀티팝업 상단의 큰이미지로 노출되는 이미지 입니다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></FONT></P> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; LINE-HEIGHT: normal"><FONT size=2><FONT color=#000000><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US>5. </SPAN>클릭시 이동할 <SPAN lang=EN-US>URL :</SPAN></B><SPAN lang=EN-US> </SPAN>팝업창에 링크를 걸 수 있도록 <SPAN lang=EN-US>URL</SPAN>을 설정할 수 있습니다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></FONT></P> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; LINE-HEIGHT: normal"><FONT size=2><FONT color=#000000><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US>6. </SPAN>클릭시 이동할 창 <SPAN lang=EN-US>:</SPAN></B><SPAN lang=EN-US> </SPAN>팝업창에서 이미지 클릭시 해당 링크의 페이지가 새창으로 출력될지<SPAN lang=EN-US>, </SPAN>쇼핑몰 본창에서 페이지이동을 할 지 설정할 수 있습니다<SPAN lang=EN-US>.<o:p></o:p></SPAN></FONT></FONT></P></UL> <P> </P> <P> </P></o:p></SPAN> <P></FONT></FONT><STRONG><FONT color=#ff0000><FONT color=#ff5a00 size=3>ㆍ팝업창 관리<BR> </FONT></FONT></STRONG> 만들어 놓은 메인팝업창들을 관리합니다.</P> <P> </P> <P><A href="javascript:popup2('../../main/html.php?htmid=popup/move.htm','325','445')"><img onLoad='miniSelfResize(contents_7,this)' src="http://enamoo.godo.co.kr/shop/admin/img/i_view_popup.gif"></A> </P> <P>팝업창을 미리 열어볼수 있습니다.</P> <P> </P> <P><A href="javascript:saveas_call( 'on' );"></A><A href="http://enamoo.godo.co.kr/shop/admin/design/iframe.popup_register.php?file="><img onLoad='miniSelfResize(contents_7,this)' src="http://enamoo.godo.co.kr/shop/admin/img/btn_popup_make.gif"></A> </P> <P><FONT color=#000000>팝업창만들기를 클릭하면 새로운 팝업창을 제작할 수 있습니다.</FONT></P> <P> </P> <P><STRONG><FONT color=#ff5a00 size=3></FONT></STRONG> </P> <P><STRONG><FONT color=#ff0000><FONT color=#ff5a00 size=3>ㆍ팝업창 만들기</FONT></FONT></STRONG></P> <P><STRONG><FONT color=#ff5a00 size=3></FONT></STRONG> </P> <P><STRONG>ㄱ. 팝업제목</STRONG> : 팝업창의 제목을 입력하세요. (ex. 설특집이벤트팝업, 배송안내팝업)</P> <P><STRONG>ㄴ. 팝업파일명</STRONG> : 팝업창의 파일명을 입력하세요. 영문 또는 숫자혼용</P> <P><STRONG>ㄷ. 출력여부</STRONG> : 출력으로 체크하면 팝업창이 열리게 됩니다.</P> <P><STRONG>ㄹ. 창위치</STRONG> : 팝업창이 열리는 위치를 설정합니다. 브라우저를 기준으로 상단에서의 위치할 픽셀과 왼쪽측면에서의 위치할 픽셀을 입력하시면 정해진 위치에서 팝업창이 열리게 됩니다.</P> <P><STRONG>ㅁ. 창크기</STRONG> : 팝업창의 사이즈를 정합니다. 가로세로 사이즈를 입력하세요.</P> <P><STRONG>ㅂ. 특정기간동안 무조건 노출</STRONG> : 특정한 기간내에 팝업창이 뜨도록 설정합니다.</P> <P><STRONG>ㅅ. 특정기간내에 특정시간에만 노출</STRONG> : 특정기간동안 특정한 시간에만 팝업창이 뜨도록 설정합니다.</P> <P><STRONG>ㅈ. 창타입</STRONG></P> <P>일반윈도우팝업창 - 일반적으로 많이 보는 타입의 팝업창입니다.</P> <P>이동레이어 - 레이어타입의 팝업창으로 쇼핑몰화면에 딱붙어 있는 독특한 팝업창입니다. 이동이 가능합니다. </P> <P>고정레이어 - 쇼핑몰화면에 딱붙어 있는 고정된 팝업창입니다.</P> <P> </P> <P> </P> <P><STRONG><FONT color=#ff5a00 size=3>ㆍ새 팝업창 만들기</FONT></STRONG></P> <P> </P> <P>1. 관리자페이지 -> 디자인관리 -> 팝업창관리 -> 기본팝업 또는 레이어팝업의 오른쪽 (수정)버튼 클릭 -> 소스가 있는 부분 하단의 (원본소스보기) 클릭하여 소스를 모두 복사 -> [팝업창만들기] -> 새로 만들 팝업창이 열립니다. 소스 넣는 부분에 복사한 소스를 넣고, 내용들을 입력후 저장을 하면 팝업창이 생성 됩니다.</P> <P>팝업파일명은 : 지정을 하시는 것입니다. 예를들어 이벤트라면 event 등의 영문으로 기재를 하셔야 합니다.</P> <P>원본소스보기 란 : 고도에서 제공하는 기본(원본)소스를 말 합니다.</P> <P> </P> <P>2. 고객님께서 만든 팝업창 이미지를 관리자모드 -> 디자인 관리 -> (WebFTP이미지관리)에 사용중인 해당스킨 밑에 업로드를 합니다.</P> <P> </P> <P>3. 업로드 후에 업로드된 파일의 '주소복사' 버튼을 눌러서 주소를 복사값을 미리 저장합니다.</P> <P> </P> <P>4. 관리자모드 -> 디자인관리 -> 팝업창관리 -> 고객님이 생성한 팝업창명 (수정) 버튼 클릭 -> 소스중 <img src="../img/main/popup_01.gif"> 이 소스의 (쌍따움표)안에 위에 저장한 주소를 넣어주세요. "이 안에 업로드한 이미지 주소를 입력" </P> <P> </P> <P>예시) <a href="<FONT color=#0000ff>연결하고자 하는 주소 입력</FONT>"><img src="<FONT color=#ff0000>업로드한 이미지 주소 입력</FONT>"></a></P> <P><FONT color=#0000ff>연결하고자 하는 주소 입력 : 팝업창 이미지를 클릭했을때 쇼핑몰내에 원하는 페이지를 열리게 하고 싶을때 해당 페이지 주소를 입력합니다.</FONT></P> <P><FONT color=#ff0000>업로드한 이미지 주소 입력 : 팝업으로 사용할 이미지를 2번 </FONT><FONT color=#000000>(WebFTP이미지관리)에 사용중인 해당스킨 밑에 업로드 한후 '주소복사'한 이미지주소를 입력합니다.</FONT></P> <P> </P> <P>아래주소는 팝업창에서 클릭했을때 창은 사라지고 해당페이지로 이동하는 방법이 안내 되어 있습니다. 참고하세요.</P> <P><A href="http://www.godomall.co.kr/edu/edu_board_list.html?cate=design&in_view=y&sno=199#Go_view" target=_blank><FONT color=#ff00ff>팝업창에서 클릭했을때 창은 사라지고 해당페이지로 이동하는 방법</FONT></A></P>
디자인관리
