이 방법은 웹 위젯에서 양식을 사용하고 헬프 센터에서는 사용하지 않으려는 경우와 같은 특정 시나리오에서만 필요합니다. 브랜드별로 다른 양식을 선택적으로 표시하는 방법을 알아보려면 브랜드 티켓 양식 만들기 및 적용하기를 참조하세요.
모든 브랜드에 대해 여러 헬프 센터를 만들었고 이제 각 브랜드에 대한 티켓 양식을 배치할 준비가 되었습니다. 그런데 잠깐만요! 기본 브랜드의 양식이 보조 브랜드의 헬프 센터에 표시되는 것을 원하지 않는다면 아래 간단한 방법으로 원하는 바를 이룰 수 있을 것입니다.
이 문서에서는 다음 두 가지 시나리오를 다룹니다.
양식 ID 찾기
양식을 숨기고 싶든 선택하고 싶든 개별 양식을 지정하려면 먼저 양식 ID를 찾아야 합니다. 이 문서에서는 양식 만들기에 대한 내용은 다루지 않습니다. 양식 만들기에 대한 자세한 내용은 다양한 요청 유형을 지원하기 위한 티켓 양식 만들기를 참조하세요.
다음은 상담원 인터페이스에서 신속하게 ID를 찾는 방법입니다.
-
관리 센터의 사이드바에서 개체 및 규칙 아이콘(
)을 클릭한 다음 티켓 > 양식을 클릭합니다.
- 숨기고 싶은 양식 또는 독립형으로 사용할 양식의 이름을 클릭합니다.
- 아래에 표시된 대로 주소 표시줄에 있는 양식 ID를 메모합니다.
- 숨기거나 분리하려는 각 양식에 대해 위의 단계를 반복합니다.
브랜드별 여러 양식 표시하기
종종 각 헬프 센터에서 여러 유형의 요청을 관리하게 됩니다. 이 섹션에서는 최종 사용자가 나머지 양식을 선택할 수 있도록 하면서 특정 브랜드의 헬프 센터에 표시하지 않으려는 티켓 양식을 선택적으로 숨기는 방법을 보여줍니다.
코드
위에서 설명된 대로 숨기려는 티켓 양식을 기록해 놓았으니 이제 아래 코드로 이들을 대상으로 지정하면 됩니다.
헬프 센터를 사용자 지정할 때 script.js
기본서식의
$(document).ready(function(){
에 코드의 이러한 버전 중 하나를 배치할 수 있습니다.
옵션 1
이 첫 번째 옵션에서는 양식 ID가 있는 행을 반복하기만 하면 됩니다. 제 양식 ID는
12775
및
31495
입니다.
//remove the options from the dropdown selector $('#request_issue_type_select option[value="12775"]').remove(); $('#request_issue_type_select option[value="31495"]').remove(); //remove the options from the nesty-input after it's been created. $('.nesty-panel').on('DOMNodeInserted', function(e){ $(this).children('ul').children().remove('#12775'); $(this).children('ul').children().remove('#31495'); });
옵션 2
이 두 번째 옵션에서는 배열을 대신 사용하기로 결정했으므로 각괄호
[ 12775,31495 ]
안에 숨기려는 양식 목록을 입력하면 됩니다. 각 ID를 쉼표로 구분해야 합니다. 그러면 모든 ID가 제거될 때까지 함수가 반복 실행됩니다.
$.each([ 12775,31495 ], function( index , formValue ) { $('#request_issue_type_select option[value="' + formValue + '"]').remove(); $('.nesty-panel').on('DOMNodeInserted', function(e){ $(this).children('ul').children().remove('#' + formValue); }); });
브랜드당 하나의 양식 표시하기
이제 각 브랜드당 하나의 양식만 필요하다고 말하실 수도 있습니다. 물론 가능한 워크플로우입니다! 추가적인 브랜드를 모두 숨길 필요 없이 '문의 등록' 링크를 변경하여 사용자를 바로 양식으로 보내도록 한 다음 양식에서 '아래에서 문제점을 선택하세요.' 드롭다운 목록을 숨길 수 있습니다.
코드
사용자를 양식 중 하나로 보내려면 위의 단계에서 찾은 실제 양식 ID가 필요합니다.
헬프 센터 기본서식 작성 언어인 Curlybars를 사용하여 '문의 등록' 링크를 쉽게 바꿀 수 있습니다. 자세한 Curlybars 및 기본서식 작성 문서는 여기에서 확인할 수 있습니다.
'문의 등록' 링크를 표시할 헤더 기본서식에 이 코드를 배치해야 합니다(
ticket_form_id
를 실제 ID로 바꾸세요). 현지화를 염두에 두고 헬프 센터에서 다국어를 제공하는 경우 이 링크가 적절한 언어로 제공됩니다.
<a href="{{page_path 'new_request' ticket_form_id='17369'}}">{{t 'submit_a_request'}}</a>
티켓 양식에서 양식 선택 드롭다운 제거
다음으로 티켓 양식에서 양식 선택 드롭다운을 제거하여 사용자들이 현재 브랜드에 대한 대체 양식을 선택하지 않도록 하려면 헬프 센터의 style.css
기본서식에 이 코드를 배치하면 됩니다.
.request_ticket_form_id{ display:none; }
style.css
기본서식에 CSS를 입력합니다.
작동 방법
새 요청 페이지가 생성되면 최종 사용자에게 보이는 모든 티켓 양식이 드롭다운 목록에서 제공됩니다. 첫 번째 예에서는 지정된 각 브랜드에 대해 표시하지 않으려는 양식 옵션을 제거하며, 두 번째 예에서는 사용자들을 브랜드에 대한 하나의 특정 양식으로 안내합니다.