mobile background


  솔루션 가이드 & 꿀팁

모달창 띄우기

HK앱솔루션

모달(Modal)이란?

모달 기능을 활용해 페이지 위에 새로운 창을 띄워 콘텐츠를 보여줄 수 있습니다.

사용방법

1단계: 모달 메뉴 만들기

모달 기능을 활용하려면 앞서 띄울 모달 페이지를 만들어야 합니다.

  1. 디자인 모드에 접속합니다. 
  2. 메뉴 관리  를 열고 모달 오른쪽 ⊕를 클릭합니다.

  3. 모달 메뉴명을 입력하고 확인을 누릅니다.
  4. 빈 모달 메뉴에 위젯을 추가하거나 섹션을 나누어 디자인할 수 있습니다.
  5. (선택 사항) 모달 메뉴의 메뉴 설정을 열어, 모달 제목, 모달 넓기, 배경색 등 설정을 변경할 수 있습니다. 메뉴 설정 열기

2단계: 모달 링크 걸기

버튼 위젯 등에 모달창이 열리도록 링크를 걸어주는 과정입니다.

  1. 페이지에 버튼 위젯을 추가합니다. 위젯 추가방법

    참고: 버튼 위젯 외 텍스트, 이미지, 갤러리 등 링크 옵션을 제공하는 위젯이라면 모두 사용 가능합니다. 일반 텍스트에 모달 링크를 삽입하려면 이 도움말 하단의 관련 도움말을 참고하세요.

  2. 버튼 설정을 켭니다. 위젯 설정 열기
  3. 링크 방식으로 모달을 선택합니다.

  4. 위 1단계에서 제작한 모달 메뉴를 연결합니다.

  5. 버튼 클릭 시 모달 창이 정상적으로 나타나는지 미리보기를 클릭해 확인합니다.


앱솔루션은 당신과 함께할 준비가 되었습니다.
홈페이지제작 ! 어렵지 않습니다. 

앱솔루션이 고객님의 든든한 파트너가 되어드리겠습니다.

앱솔루션은 당신과 함께할 준비가 되었습니다.
반응형웹 제작 ! 어렵지 않습니다. 

앱솔루션이 고객님의 든든한 파트너가 되어드리겠습니다.



최고의 파트너


앱솔루션과 파트너쉽을 맺은 고객사에

끊임없는 유지보수와 서버관리, 개발을 

하여 처음부터 끝까지

정성을 다하여 함께합니다.

솔루션 제공서비스


코딩을 몰라도, 포토샵을 몰라도!

클릭과 드래그만으로 

손쉽게 디자인을 

수정할수 있습니다.

실시간알림 서비스 앱


새로운 소식 및 정보가 있을때 

스마트폰으로 알림이 즉시 발송됩니다.

실시간으로 쌍방향소통이 가능하여 

스마트한 관리가 가능합니다.

자동업그레이드


앱솔루션의 솔루션은 지속적인 연구개발로

시스템의 오류를 처리하고, 앱환경에

최적화하기 위해 자동 업그레이드를 

지원합니다.

공식제휴사
Buisiness results