Multi-Select Option/Concurrent selection not working

Hi,

Thank you for reaching out to us.
You’re not using the “Apply filter” button, so whenever you select a filter, the page will reload.

Then after a filter is selected, it’ll return the result of items that contain the filter value. If our plugin detects and finds out there’s no other filter value, it’ll hide the other filter values.
For example; if the items contain “Formats” do not contain: HIRA, Poster, Poster-English, SOP, Training; then these value will be hidden.

For the “And” option, it means that products after being filtered MUST include all filter values selected: https://prnt.sc/klZWf3o4im7E

Best regards.

Hi Support,
Thank you reply. Could you please share the steps by which I can enable the concurrent/multiple selection for filters. For example, I like users to select SOP and Format together(One go) and the respective documents show on the results page.

To achieve the above, what steps/settings should I do. Appreciate your inputs,
Regards,
Amitav

Hi Amitav,

I tested and see that the 2 filters don’t have a mutual item. Please see this image.
Therefore, you can only allow users to filter items that contain either Format or SOP. If you allow users to find items that contain both, there’ll be no item meet the requirements.

In this case, you can do as below:
1. In the filter editor page, please select the 2 options: https://prnt.sc/b9f1psZIZHQi
2. In the filter menu settings page, please select this option: https://prnt.sc/VKSERxpX51S5
This allows users to select multiple filters without reloading page. And once they finish selecting, they can use the “Apply filter” button to apply them all.

Best regards.

Hi Support,
Thank you sharing your inputs. After incorporating your suggested steps, the filters is working as expected. However, I noticed there are couple of issues:

1. The filter is working fine only in desktop mode, however when tested on mobile phones – after selecting the first filter, the page automatically reloads and prevent user to select another filter choice.

2. The close button overlaps on the filter item names. When I select a filter, automatically the close (X) button appears which is fine, but it overlaps with the filter choice name. This is common issue for both desktop & mobile version.

Appreciate if you can suggest steps to fix these issues.
Thanks,
Amitav

Hi Amitav,

Thank you for the note. I made a test on my mobile device, there’s no problem selecting multiple filters on mobile. The page did not reload before I click “Apply filter”

Regarding the issue of the close button, I don’t see the close button overlaps the filter name, could you please also check that again?

Best regards.

Hi Support,
In mobile version the filters are working correctly.

However, the issue around the close button overlapping still exist. Please find the screenshot of my mobile version :
https://snipboard.io/02Q1KI.jpg

The overlapping issue is common in desktop too.

Hi,

For the close button overlapping the filter, please use the CSS below:

.viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_checkbox a.viwcpf_chosen:after{
    display: none !important;
}

Thank you Support. The close button overlapping issue is now resolved.
Regards,
Amitav