Tell us what you are trying to do?
I wanted to format my 20 category checkboxes (CBs) into a grid using Kadence theme Row blocks. I did this by splitting HTML and putting the checkbox/label/input HTML parts into row/column blocks, with icons to mark each of the 5 rows.
Is there any documentation that you are following?
No.
Is there a similar example that we can see?
You can see the central part of the page at hidden link
The checkboxes work and the values are correct, we store them with Refresh into cookies, etc. But the View Output is affected only by the first group of 5 CBs (which I have not modified) and the second group of 20 does not affect the selection. The English version has 3 calls only but already the issue can be seen. There's /sl/calls version with more calls.
Hello, it sounds like you have a custom search View with checkboxes filters. Some of the filters are not working as expected after moving some of the checkbox filters into different areas by manipulating the generated HTML. I'll be glad to take a closer look but I see a 404 error when I visit these URLs: hidden link hidden link
Do I need a login or something else to access the /calls page? I am activating private reply fields here so you can share a login if necessary.
Okay thanks, I am able to see the customized filters in both of these pages: hidden link hidden link
Since you have added Category checkbox group filters manually with HTML in the Block Editor, the View's filtering system does not know to expect Category checkbox filter criteria during a search. Normally when you add those filters using the Block Editor the View is automatically updated to expect those search criteria. You should add a Query Filter for the Category taxonomy in the Block Editor to try to solve that problem. Select the top-level View block in the Block Navigation outline, and open the Content Selection panel (see the screenshot block-navigation.png). Add a new filter based on the category taxonomy, and configure it to respond to the URL parameter wpv-category. See the screenshot query-filter.png for an example - my taxonomy is called "Book Taxes" but yours will be "Category".
This Query Filter configuration should enable the custom checkboxes filters you have implemented for Category filtering. Let me know if you have questions about that.
Hi, Christian, your suggestion seems very good and inspiring, but maybe I forgot to mention I was doing this in a CPT Archive, so the Object to use could not be View. I still tried the same with the Archive object, but the parameters seem different. I tried to reproduce your suggestion as close as possible, but it didn't work.
I chose Add filter, but the only field I could choose was "Custom field categories" (image 1) and then the form you can see in the screenshot (image 2).
Pls, suggest ...
P.S. Maybe I should mention that I "developed" the input-checkbox HTML in a View on a page and then transported it into the Archive. I did however insert a regular category taxonomy search field in the Archive first and then I took all the HTML around the checkboxes and inserted the rows/columns checkbox code in that. Needless to say, I am willing to reproduce all of it according to any suggestion you could provide.
I realised that the problem I may have is that I was hoping to be able to wrap the blocks with the divs using one HTML block at the beginning and one at the and. I found out this does not work. So this may be the issue.
I learned that using a group block that can be achieved and adding some custom classes to the blocks CSS.
What class would I need to add to the wrapping div for my checkboxes to work?
This is what I coped from the original Toolset HTML for the beginning of the search field:
1. The 1st div seems most important, I just added the id for programmatic use.
2. 2nd div can be dropped, I assume.
3. 3rd div? Could that class be added to the first one?
4. This span seems to be needed, just wonder if I can change it to div, especially if many more divs are wrapped inside of it.
I have now used the Container block to create the wrapper, assigned it the div type and in the CSS classes copied all from 1., 3. and 4.
It is all good and stable, but the search still doesn't work, well makes sense, since actually I cannot reproduce the "data-toolset-views-custom-search-filter" attribute of the 1st div
Christian is currently on vacation at the moment so I will be handling this thread for him.
I understand what you are trying to achieve with these filters here, however the problem seems to be that there is a disconnect between the actual filters and the query filter that would filter the view itself.
Would you mind allowing me to have admin access to the page so that I can have a look at the setup to see if I can provide any advice that can help to resolve this.
To summarize:
1. I want to have the 20 checkboxes arranged in a grid (float:left) for responsiveness, including some icons. - hidden link
2. I split the checkboxes in rows using Kadence blocks
3. I tried to wrap them with custom HTML but that didn't work, so I did that with Toolset Container, with all classes in its <div> with id="bam-cats-input"
4. I can't do the view reference, I guess. "data-toolset-views-custom-search-filter=???"
5. I am willing to do it in any other way as long as this looks ok.
I found a workaround, may be useful to others with a similar challenge.
1. I noticed if I put the original categories taxonomy search field below(!) my organised checkboxes which have the same names, mine trigger the original ones if the latter are positioned after my grid.
2. This means the search works too if both are there.
3. I just added an ID to the original field and used CSS to hide it.
It works nicely but will need to manually update the organised checkboxes when categories are changed.
