CMS: 입력 요소를 사용해 방문자가 콘텐츠를 필터링할 수 있도록 허용하기

드롭다운 또는 라디오 버튼과 같은 입력 요소를 사용해 사이트 방문자가 반복 레이아웃, 갤러리 및 표에 표시되는 콘텐츠를 필터링할 수 있는 방법을 제공하세요. 이 도움말에서는 CMS(콘텐츠 관리 시스템) 컬렉션을 라이브 사이트 콘텐츠에 연결하는 데이터세트에 입력 요소를 연결하는 방법을 안내합니다. 

각 입력 요소는 특정 컬렉션 입력란에 연결되어 입력란의 고유한 값을 필터 옵션으로 표시합니다. 방문자가 필터 옵션을 선택하면 입력란 값이 일치하는 아이템만 연결된 반복 레이아웃, 갤러리 또는 표에 표시됩니다. 또는, 필터의 동작을 변경하는 조건부 필터를 추가할 수 있습니다. 예를 들어, "해당하지 않음" 조건을 추가해 방문자의 선택과 일치하지 않는 아이템을 표시하는 필터를 생성할 수 있습니다. 

기본적으로 방문자가 필터를 선택하면 콘텐츠가 즉시 변경됩니다. 하지만, 방문자가 별도의 버튼을 클릭한 후에만 필터가 적용되도록 하려면 "필터 적용" 버튼을 추가할 수 있습니다. 방문자가 클릭해 설정한 모든 필터를 즉시 삭제할 수 있는 초기화 버튼을 추가할 수도 있습니다.

에디터에서 방문자가 반복 레이아웃, 갤러리 또는 표에 표시되는 콘텐츠를 필터링할 수 있도록 할 페이지로 이동하세요. 그런 다음, 방문자가 콘텐츠를 필터링하는 데 사용할 입력 요소를 추가합니다. 여러 입력 요소를 추가하는 경우, 각각 다른 컬렉션 입력란을 필터링하도록 설정할 수 있습니다. 

필터링을 허용하는 라디오 버튼, 체크상자, 드롭다운, 선택 태그 또는 슬라이더(범위 슬라이더만 해당) 입력 요소 중에서 선택할 수 있습니다. 필터 유형에는 필터링할 수 있는 각 입력 요소별 제한 사항이 있습니다. 

각 입력 요소를 반복 레이아웃, 갤러리 또는 표에 연결되는 동일한 데이터세트에 연결합니다. 그 다음, 각 입력 요소가 필터링할 컬렉션 입력란을 선택합니다. 입력 요소는 연결된 컬렉션 입력란의 각 고유 값을 표시합니다. 방문자가 입력에서 항목을 선택하면 반복 레이아웃, 갤러리 또는 표에 선택한 입력란과 일치하는 아이템만 표시됩니다. 

필터에 적용되는 조건부 필터링을 추가할 수도 있습니다. 예를 들어, "해당하지 않음", "같지않음" 또는 "포함하지 않음" 조건을 추가해 방문자가 선택한 입력란과 일치하지 않는 아이템을 표시하는 필터를 생성합니다. 필터에 조건을 추가하면 입력 요소의 입력란 제목 및 플레이스홀더 텍스트가 자동으로 조정되어 방문자가 필터의 기능을 알 수 있습니다(예: "입력란 별로 제외").  

아래를 클릭해 각 입력 요소에 사용할 수 있는 고급 필터링 조건을 확인하세요.

별도의 버튼을 클릭한 후에만 방문자가 선택한 필터를 적용하려면 '필터 적용' 버튼을 추가할 수 있습니다. 방문자가 이 버튼을 클릭하면 선택한 모든 입력 요소 필터가 적용됩니다. 필터가 설정되지 않은 경우, 방문자가 각 입력 요소에서 필터를 선택하는 즉시 필터가 적용됩니다. 

방문자가 클릭해 선택한 모든 입력 요소 필터를 초기화하는 초기화 버튼을 추가할 수 있습니다. 이를 통해 방문자가 페이지를 새로고침하지 않고도 콘텐츠 필터링을 다시 시작할 수 있습니다. 

아래를 클릭해 입력 요소를 사용해 콘텐츠를 필터링하는 방법에 대한 가장 일반적인 질문에 대한 답변을 확인하세요.