Mixitup - Change Checkbox Category on Page Load

Design help Custom code
1

Hi @sabanna,

I hope you’re well.

I’m well under way the website which features Mixitup and the Webflow CMS. I now also have individual pages for each of the service provider sectors. I have been asked that when you select a service sector page the checkbox is already checked instead of ‘All’. You reach the pages from the ‘Service Provider’ quick search in the top right of the site.

I’ve got the checkbox to appear on the correct category but I need to tweak the code which at the minute selects ‘All’ the companies.

Here’s the page where I’ve changed the checkbox to ‘Auditing and Accounting Services’ but I need it to only show ‘Auditing and Accounting Services’ when this page is loaded. Then the people can use the filter to add different sectors to that search.

https://jersey-funds-association.webflow.io/auditing-and-accounting-services

https://preview.webflow.com/preview/jersey-funds-association?utm_medium=preview_link&utm_source=designer&utm_content=jersey-funds-association&preview=93365f34ce97821b4bf396179b3ffd46&pageId=5d908458e6be58448647b750&mode=preview

Are you able to help? I like to think it’s a quick fix.

Many thanks in advance!

Matt

2

Hi @sabanna

I for to mention (rather a large point!) that when you use the top right ‘Service Provider’ search it uses filters to pull in the information for that page. Then you use the ‘Advance Search’. This drops down and you this is where the selection needs to be checked.

https://jersey-funds-association.webflow.io/auditing-and-accounting-services

Thanks

Matt

3

Hi, @Meteorites

  1. You need to add a load parameter to the mixer function. Each page that supposes to have filtered content on load need to have that parameter and value that is equal the category accordingly:

23%20PM
23%20PM755×490 51.3 KB

  1. After adding filter on load, you will not need to keep 2 examples of the collections and show/hide them. Only leave the one that with MixitUp

  2. I noticed at least one error in the code that might affect correct functionality

    07%20PM
    07%20PM647×542 92.6 KB

4

Hi @sabanna,

Thanks a million, it looks to be working. I had to move the code directly keyupTimeout. I’m not 100% sure why it works there, I’m guessing it’s do do with the opening and closing of statements?

43

Thanks

Matt