Collection Filter Buttons not working

I am using the podcaster sitejet template and I am trying to get my collection filter buttons working and I have tried many things and its not working. I am using two seperate choice data fields as separate buttons. I have reverted my website back to its original template form to see if its a bug with the template and the original template filter works fine, so I am not sure what I am missing to get it to work.

Here is the classifications I am imputing:
Data Fields
Label - Work filter
Key - work-filter

Options -
Personal
Client

Links
#!filter[columns.work-filter]=Personal
#!filter[columns.work-filter]=Client

Data Fields
Label - Type filter
Key - type-filter

Options -
Editorial
Branding
Socialmedia
Fun

Links
#!filter[columns.type-filter]=Editorial
#!filter[columns.type-filter]=Branding
#!filter[columns.type-filter]=Socialmedia
#!filter[columns.type-filter]=Fun

Checklist to Debug Your Custom Filter Setup
Spelling & Case Sensitivity

Double-check your option values. For example, Socialmedia in the options must match exactly with the CMS field entry — even case differences like SocialMedia vs Socialmedia will break it.

No Spaces in Field Keys

Your keys look fine (work-filter, type-filter), but confirm there are no hidden spaces or trailing characters.

Button Link Format

Your syntax seems right:

#!filter[columns.work-filter]=Client
But confirm it’s being applied as the actual button href in Sitejet’s button settings.

CMS Binding

Make sure your collection list is connected to both work-filter and type-filter in the columns panel, not just one.

Template Logic Conflict

If you’re using both filters at once (e.g., Work = Client and Type = Branding), make sure both filters are allowed to combine. Sitejet supports multi-filtering but sometimes the default logic may be overwritten in a custom setup.

Try Adding One Filter at a Time

Test a single filter (like only #!filter[columns.work-filter]=Client) to confirm it triggers. Then combine both in the URL or UI.

:hammer_and_wrench: Tip
You can also test this in the browser address bar by manually appending:

#!filter[columns.work-filter]=Client&filter[columns.type-filter]=Branding
to the end of your page URL and see if it filters correctly.

1 Like

i figured it out! Turns out it doesnt work in preview mode but it works in open preview website mode

1 Like