[Resolved] Show only available options for each input – not working correctly

[Author]

Posts

[Alex W]

I am trying to: build a custom search using 'Show only available options for each input'

Link to my site: hidden link

I expected to see: when any tickbox is checked all other options update to show the available ones. 'Seat size' in particular is one that the user will probably choose first, so it needs to work correctly and show the other available options.

Instead, I got: When a 'seat size' option is ticked, all other options are unavailable, even though I know some options should definitely be available. This is only happening with seat size, not any other options.
If a 'make' on the right hand side is selected first, the seat sizes on the left update in the correct way to show the available sizes etc, it's only if 'seat size' is chosen first that it does not work.

Here is my code in the filter:

[wpv-filter-start hide="false"]
[wpv-filter-controls]
<div class="left">
  <div class="item">
    [wpml-string context="wpv-views"]<span class="title">STYLE</span>[/wpml-string] [wpv-control field="saddle-style" url_param="saddle-style" type="checkboxes" auto_fill_default="" auto_fill="wpcf-saddle-style" auto_fill_sort="asc"]
  </div>
  <div class="item">
    [wpml-string context="wpv-views"]<span class="title">MATERIAL</span>[/wpml-string] [wpv-control field="saddle-material" url_param="saddle-material" type="checkboxes" auto_fill="wpcf-saddle-material" auto_fill_sort="asc"]
  </div>
  <div class="item colours">
    [wpml-string context="wpv-views"]<span class="title">COLOUR</span>[/wpml-string] [wpv-control field="saddle-colour" url_param="saddle-colour" type="checkboxes" auto_fill="wpcf-saddle-colour" auto_fill_sort="asc"]
  </div>

  <div class="item">
    [wpml-string context="wpv-views"]<span class="title">SEAT SIZE "</span>[/wpml-string] [wpv-control auto_fill_sort="asc" auto_fill="wpcf-seat-size" field="seat-size" type="checkboxes" order="none" url_param="seat-size"]
  </div>
  <div class="item">
    [wpml-string context="wpv-views"]<span class="title">WIDTH</span>[/wpml-string] [wpv-control field="saddle-widths" url_param="saddle-widths" type="checkboxes" auto_fill_default="" auto_fill="wpcf-saddle-widths" auto_fill_sort="asc" order="none"]
  </div>
  <div class="item">
    [wpml-string context="wpv-views"]<span class="title">PRICE RANGE</span>[/wpml-string]<div class="price-range">[wpml-string context="wpv-views"]<span>From </span>£[/wpml-string] [wpv-control field="views_woo_price" url_param="views_woo_price_min" type="textfield"]</div>
    <div class="price-range">[wpml-string context="wpv-views"]<span>To </span>£ [/wpml-string][wpv-control field="views_woo_price" url_param="views_woo_price_max" type="textfield"]</div>

  </div>

</div>
<div class="right">

  <div class="item">
    [wpml-string context="wpv-views"]<span class="title">MAKE</span>[/wpml-string] [wpv-control field="saddle-make" url_param="saddle-make" type="checkboxes" auto_fill="wpcf-saddle-make" auto_fill_sort="asc"]
  </div>
  <div class="item">[wpv-filter-reset reset_label="Reset search" type="input" style="margin: 0 auto; margin-bottom: 5px; display: block; background-color: #7D7C7C"]
  [wpv-filter-submit name="SEARCH SADDLES" type="input"]
  </div>
  <div class="item no-border" style="text-align: center">
  <p>Can't find what you're after? Let us know what you are looking for and we'll let you know when we have it in stock</p>
  <a class="button" href="contact">CONTACT US</a>
</div>
</div>

[/wpv-filter-controls]
[wpv-filter-end]

Let me know if you need any more info

thanks

Alex

[Noman]

Hi Alex,

Thank you for contacting Toolset support.

1. Please update Toolset WooCommerce Views to latest version:
https://toolset.com/account/downloads/

2. Please delete all sort of caches in your site plugin cache (W3 Total Cache), CDN / server cache (if any), browser cache too.

If the problem still exists then:

3. Please remove the 'seat size' filter and try to re-create / re-add it in the View, sometimes this resolves such issues.

4. It would also be good if you can check it by deactivating Relevanssi plugin (its also outdated, latest version is v3.5.11.1)
https://wordpress.org/plugins/relevanssi/#developers

Thank you

[Alex W]

I upgraded WooCommerce Views and re-created the filter in the View and it now works.

Thanks for the help