[Resolved] Ajax update results every time an input changes doesn't work with Impreza

[Author]

Posts

[claudioS-2]

I am trying to: update the results when an input changes with ajax, but it doesn't work with Impreza, if I change the theme there is no problem.

Link to a page where the issue can be seen: hidden link

I expected to see: the results change every time I select a category.

Instead, I got: no changes.

[Nigel]

Checking the custom archive on your site there is a problem with how the filter has been inserted.

This is the correct structure of the filters section:

[wpv-filter-start hide="false"]
[wpv-filter-controls]
<-- filter shortcodes go here -->
[/wpv-filter-controls]
[wpv-filter-end]

On your site it is

[wpv-filter-start hide="false"]
[wpv-filter-controls]
[wpv-filter-end]
<div class="form-group">
	<label for="wpv-categoria-avisos">[wpml-string context="wpv-views"]Categorias avisos[/wpml-string]</label>
	[wpv-control-post-taxonomy taxonomy="categoria-avisos" type="checkboxes" url_param="wpv-categoria-avisos"]
</div>

The closing /wp-filter-controls shortcode is missing and the filter is inserted after the closing /wpv-filter-end shortcode, so this would not be expected to work as the markup is being generated incorrectly on the front end.

[claudioS-2]

Hi, thanks for the quick answer!
I've made the change that you indicate but the problem continues.

[Waqar]

Thanks for the update.

During troubleshooting on your website's clone, I noticed that the AJAX filtering in the archive starts working, if the "UpSolution Core" plugin is deactivated.

Can you please test and confirm the same on your live website? Once, confirmed you can report this to the "UpSolution Core" plugin's official support team.

[claudioS-2]

Hi, I've change in Toolset to Bootstrap 3 and now everything is working, even the fonts are working properly. The changes made in Impreza options: fonts family, font size, line height, are now working properly. It seems that Bootstrap 4 override css options from the theme and js.

[Waqar]

Thanks for the update and glad that it is working now.

This information will surely help other users, who are using Toolset plugins with the Impreza theme.

You're welcome to mark this ticket as resolved and start a new one, for each new question or concern.

[claudioS-2]

Hi, but is there a way to use Impreze theme with bootstrap 4? Cause now I have to add a lot of css in order to get the design right like it was with bootstrap 4.
Thanks again!

[Waqar]

As it is a compatibility issue between the Impreza theme and the Bootstrap 4, it would be best to consult the theme author for any possible workaround or fix.

Alternatively, if the theme author is unable to provide any workaround/fix and you'd like to use Toolset plugins with Bootstrap 4 enabled, then you'll need to switch to a different theme that doesn't conflict with Bootstrap 4 styles and scripts.
( The list of Toolset recommended themes is available at https://toolset.com/documentation/recommended-themes/ )