[CMS Filtering - 1] Checkbox

참조자료: https://finsweet.com/attributes/cms-filter

카테고리를 선택하면 그에 해당하는 CMS 아이템만 필터링 되는 기능

1. 구현되는 페이지의 커스텀 코드 head에 이하 코드 삽입
   

<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>

2. 반드시 Form Block을 먼저 생성하고, Form 태그 안에 Collection List를 생성

3. Collection List 안에 카테고리 Checkbox 생성

4. 각 Checkbox의 Label을 CMS에 연결

5. Form 태그/ Collection List/ Checkbox의 Label/ Collection Item의 텍스트에 Add Attributes를 설정

   • Collection List
     - Name: fs-cmsfilter-element
     - Value: List
     

   • Form 태그
     - Name: fs-cmsfilter-element
     - Value: Filters
     

   • Checkbox의 Label, Collection Item의 텍스트
     - Name: fs-cmsfilter-field
     - Value: Concepts