개요
Zendesk 웹 위젯(클래식)은 많은 설정 및 사용자 지정 옵션을 제공합니다. 웹 페이지의 다른 콘텐츠와 관련하여 웹 위젯(클래식)의 스택 순서를 지정해야 하는 경우가 있습니다. 이렇게 하려면 z-index
값을 변경해야 합니다.
이 문서에서는 Zendesk Support의 z-index
위젯이 웹사이트의 다른 요소와 배열되는 방식을 변경합니다.
기능 z-index
?
Z-index
속성은 겹치는 콘텐츠의 표시 대상 및 위치를 설정하는 데 사용되는 CSS 특성입니다. 두 개의 요소가 겹칠 때 z-index
어떤 요소를 다른 요소 위에 표시할지 결정합니다. 티켓이 해결되기 전에 상담원이 작성해야 하는 필수 필드가 없는 티켓에 대해서만 z-index
값에는 정수 또는 상속, 초기 및 설정 해제와 같은 전체 값이 할당될 수 있습니다.
정수를 사용할 때 요소는 z-index
할당된 가장 높은 인덱스는 다른 요소들 앞에 나타납니다. 예를 들어 컨테이너 A에 z-index
양이 2이고 컨테이너 B에는 z-index
/가 1일 때, 컨테이너 A는 컨테이너 B 앞에 배치됩니다. 전체 값을 사용할 때 요소는 상위 값과 관련하여 지정된 위치를 취합니다.
방법 z-index
Web Widget(클래식)과 관련이 있나요?
있습니다. z-index
버튼을 사용하여 Web Widget(클래식) 앞에 콘텐츠를 표시하거나 다른 콘텐츠 뒤에 있는 Web Widget(클래식)을 완전히 숨길 수 있습니다.
설정하려면 어떻게 해야 하나요? z-index
Web Widget(클래식)에 대해 어떻게 설명하시겠습니까?
다음을 설정할 수 있습니다. z-index
다음과 같은 두 가지 방법으로 위젯을 구축할 수 있습니다.
- Zendesk Support의
window.zESettings
개체를 삭제합니다. 이로써 설정z-index
위젯이 처음 로드될 때 Zendesk Support 계정에 있는window.zESettings
개체에 대한 자세한 내용은 개발자 문서: 설정 참고자료를 참조하세요. - Zendesk Support의
updateSettings
API를 사용합니다. 이로써z-index
실행합니다. Zendesk Support 계정에 있는updateSettings
자세한 내용은 핵심 API.
z-index
999998의 인덱스가 기본으로 설정되어 있는데, 이는 다른 개체의 z-index
이 수를 초과합니다.window.zESettings 개체를 사용하는 예
티켓이 해결되기 전에 상담원이 작성해야 하는 필수 필드가 없는 티켓에 대해서만 window.zESettings
개체를 통해 특정 데이터를 z-index
표시됩니다.
이 예에서는 z-index
다음을 사용하여 window.zESettings
개체를 삭제합니다. 참고로 window.zESettings
개체는 위젯이 부팅될 때에만 로드됩니다. 업데이트하려면 z-index
값을 updateSettings
자세한 내용은 아래의 예를 참조하세요.
다음은 티켓 보기의 z-index
값을 반환합니다. 예상대로 Web Widget(클래식)이 다른 콘텐츠 위에 나타납니다.
위의 예에서 z-index
컨테이너 요소의 값이 명시적으로 설정되지 않았습니다. 즉, z-index
컨테이너 요소 비율은 0에 해당하는 자동으로 기본 설정됩니다. 웹 위젯(클래식)을 숨기려면 z-index
0보다 작은 값:
이제 페이지가 로드되면 컨테이너 요소 뒤에 Web Widget(클래식)이 나타납니다. 그 이유는 z-index
컨테이너 요소의 값이 z-index
값을 반환합니다.
새로운 z-index
값을 사용하면 Web Widget(클래식)이 웹 페이지의 다른 요소 뒤에 표시됩니다.
다음과 같이 updateSettings
API
티켓이 해결되기 전에 상담원이 작성해야 하는 필수 필드가 없는 티켓에 대해서만 updateSettings
API를 통해 실시간으로 변경할 수 있습니다.
이 예에서는 모달에 제공된 모달을 z-index
/ 2의 값입니다. 다음만 변경 z-index
위젯을 숨기거나 화면 앞으로 가져옵니다.
예 1: 모달 뒤에서 Web Widget(클래식) 숨기기
첫 번째 예에서는 모달 뒤에서 Web Widget(클래식)을 숨기려면 위젯의 z-index
1로 바꿉니다.
실제 활용 보기:
예 2: Web Widget(클래식)을 모달 맨 앞으로 가져옵니다.
이 예에서는 페이지에서 계속 액세스할 수 있도록 웹 위젯(클래식)이 모달 앞에 표시되도록 하는 방법을 보여줍니다. 이 예에서는 다시 한 번 zE webWidget을 사용하여 updateSettings
다음을 설정합니다. z-index
3으로 설정합니다. 이로써 웹 위젯(클래식)의 위치가 효과적으로 이동됩니다.
실제 활용 보기:
요약 및 추가 리소스
웹 개발자는 z-index
값을 지불해야 합니다. 티켓이 해결되기 전에 상담원이 작성해야 하는 필수 필드가 없는 티켓에 대해서만 window.zESettings
개체를 통해 특정 조건을 충족하는 z-index
반면 updateSettings
API를 통해 실시간으로 변경할 수 있는 유연성을 제공합니다. 위젯 사용자 지정에 대한 자세한 내용은 웹 위젯(클래식)의 고급 사용자 지정 문서를 참조하세요.
번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.
번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.
댓글 0개