Filter Checkboxes

Filter summary blocks based on assigned categories. The summary block filter function is one of the mmore complex components available. It is important to understand how it works. When envoked, the function looks at two sources of information.

1. A Google spreadsheet that contains valid categories for each grouping requested.
2. It will look at the generated summary block blog items and pick out the assigned categories for each blog item.
3. It will then build a list of check boxes (or radio buttons) based on the categories in blog items which match categories found in the spreadsheet.
4. Then it builds html code flex boxes to display a thumbnail, title, excerpt and categories for each item in the blog/event.

Cook book to create a summary block

• Edit the page
• Click the “+” sign where you want the carousel to appear
• Select “Code”
• Copy and paste the below code block
• Change the summary collection slug value (outreach-1) to the slug of the blog or event collection you want to reference.

Code block for Filter

<squarespace:query collection="outreach-1" limit="100">
  <script>
    createFilteredGallery(
      '#collectionData',
      {@|json},
      'grades,outreach');
  </script>
</squarespace:query>
<div id="collectionData"></div>

The above example has 2 groups (‘grades,outreach’), comma separated, of category selections.

• grades: will be a group of grades checkboxes, labeled “Grades”.
• outreach: will be a group of outreach checkboxes with the label “Outreach”.

Overrides:

None

Usage:

createFilteredGallery(SelectorID, json, Filters)

Parameters:

Return Value:

None

Google Spreadsheet:

Spreadsheet Fields