Ajax not working since updates - Support | Kriesi.at

Tagged: ajax, Toolset, Views

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
December 24, 2018 at 2:20 pm #1048985

thijsvanhalewijn
Participant

Hi, since the latest updates the Ajax selection functionality does not work anymore on a website I created:

Initiatieven overzicht

I suspect that the theme (Avia framework?) is not working properly.

Explanation:
The problem is: as a user/viewer of that page, I should be able to change the output on the frontend by any of the selection dropdown boxes. Now ALL 142 items are displayed on the initiatives page: https://www.greenwish.nl/initiatieven-overzicht/ (all display well and fine, no server errors), but the problem is that the filter selections don’t work. What can be done?

Please note that this selection page has been working fine for more than 3 years now. We did all the updates in time. The only thing that needs to be fixed is the automatic (Ajax) result update, when the user changes one of the filter options (drowpdown), thanks for helping me out on this.

December 29, 2018 at 2:43 pm #1049180

Victoria
Inactive Moderator

Hey thijsvanhalewijn,

I am not seeing any errors in JavaScript in the console.

What plugin are you using to build that?

Best regards,
Victoria

January 7, 2019 at 10:51 am #1050821

thijsvanhalewijn
Participant

Hi Victoria, I could not repond to you because posts were locked in the holidays. I am using Toolset Types and Toolset Views from OnTheGoSystems.

PS: as a workaround I created a Submit button, so visitors can create the right selection, Ajax is disabled now. Simply don’t know what to do to solve the problem, the Toolset helpdesk advised me to check the theme.

January 9, 2019 at 8:16 am #1051620

Ismael
Moderator

Hi,

Thanks for the update. Not really sure what could cause that. Do you have a staging site where we can see the AJAX functionality in action? Please keep in touch with the plugin developer as they are more familiar with the plugin.

Best regards,
Ismael

January 23, 2019 at 2:36 pm #1057742

internet-projects
Participant

Hello together, I have exactly the same problem with Enfold and Automatic Slider built with Toolset (SliderView) . If I switch the theme all works well so it must have something to do with the code loaded by Avia. there is no Error in the console visible.

I really love Enfold as my standard theme and for more complex sites the Toolset plugin is a must for me, so if I cant use them together I will have to switch themes.

thank you for any suggestions

Peter

January 24, 2019 at 3:23 pm #1058188

Victoria
Inactive Moderator

Hi Peter,

Could you please attach some screenshots of the issue?

Best regards,
Victoria

January 25, 2019 at 10:33 am #1058593

internet-projects
Participant

Hi Victoria,

Here you go :

I made a Toolset Slider View that pulls the title and the date from all posts in the category headlines (Screenshot1)

With the Enfold Them the view is displayed ( yellow Square) but it is not automatically sliding (Screennshot2) , if I change the theme ( WPOcean) it works fine (see Screenshot 3)

best regards
Peter

January 25, 2019 at 5:14 pm #1058809

internet-projects
Participant

I looks like Enfold Theme is not loading the Toolset fiels properly for exemple those are missing on the page , when I switch themes I can see them in the source code

<script type=’text/javascript’ src=’https://new.gabrielabonin.com/wp-content/plugins/wp-views/embedded/res/js/wpv-pagination-embedded.js?ver=2.7.2′></script>

<script type=’text/javascript’ src=’https://new.gabrielabonin.com/wp-includes/js/wp-embed.min.js?ver=5.0.3′></script>

January 27, 2019 at 6:22 pm #1059395

Vinay
Inactive Moderator

Hi,

Thank you for contacting us.

Did you try to get in touch with the plugin author? They know the plugin better and Keep us posted on what they have to say. If there is anything we can do from our side we will be happy to help you.

Best regards,
Vinay

January 30, 2019 at 11:27 am #1060432

internet-projects
Participant

Hi Vinay, I did open a ticket with toolset and looked at the issue with them, tey were able to reproduce the problem here is their answer:

Symptoms
There is a compatibility issue between Toolset Views plugin and the Enfold theme.
The issue happens if you created a slider using Toolset Views that is configured to use automatic AJAX pagination. In this case, the first page of the slider will not load and the automatic pagination will not trigger.
The problem is caused by the Enfold theme. It de-registers the styles and the script that Views load on the page.

Workaround
Currently, there is no workaround for this issue.
We will contact Enfold developers as soon as possible so that they can fix the issue in the Enfold theme.

how can I make Enfold to register the styles and scripts from Toolset?

Thanks for your support
Peter

January 31, 2019 at 1:04 pm #1060949

Ismael
Moderator

Hi,

Thanks for the update.

Which of the scripts are they referring to? The theme doesn’t de-register any of their scripts as far as I know. Please ask them for the scripts’
handle or name.

Best regards,
Ismael

January 31, 2019 at 8:14 pm #1061137
internet-projects
Participant
Hi Ismael,
well actually it does.
I created two identical pages and installed the Multiple Themes plugin . One Page uses the OceanWP Theme and the other Enfold Theme. Here are the two corresponding URLS:
https://new.gabrielabonin.com/slider-test : Ocean WP
https://new.gabrielabonin.com/slider-test2 : Enfold

As you can see the slider works only in the OceanWP Theme. If you look in the Sourcecode and search for any include containing *wp-views* you will find that those scripts are missing in the Enfold page:

<link rel=”stylesheet” id=”views-pagination-style-css” href=”https://new.gabrielabonin.com/wp-content/plugins/wp-views/embedded/res/css/wpv-pagination.css?ver=2.7.2″ type=”text/css” media=”all”>

<script type=”text/javascript” src=”https://new.gabrielabonin.com/wp-content/plugins/wp-views/embedded/res/js/wpv-pagination-embedded.js?ver=2.7.2″></script>

<script type=”text/javascript”>
/* <![CDATA[ */
var wpv_pagination_local = {“front_ajaxurl”:”https:\/\/new.gabrielabonin.com\/wp-admin\/admin-ajax.php”,”calendar_image”:”https:\/\/new.gabrielabonin.com\/wp-content\/plugins\/wp-views\/embedded\/res\/img\/calendar.gif”,”calendar_text”:”Select date”,”datepicker_min_date”:null,”datepicker_max_date”:null,”resize_debounce_tolerance”:”100″,”datepicker_style_url”:”https:\/\/new.gabrielabonin.com\/wp-content\/plugins\/layouts\/vendor\/toolset\/toolset-common\/toolset-forms\/css\/wpt-jquery-ui\/jquery-ui-1.11.4.custom.css”};
/* ]]> */
</script>

I think this is the reason why its not working
Best regards

Peter
- This reply was modified 5 years, 9 months ago by internet-projects.
January 31, 2019 at 11:45 pm #1061305

vidordesigns
Participant

Ho Guys, any solution to this?

I have a plugin that the JS is also not being loaded up as well. No errors in console.

February 4, 2019 at 4:03 am #1062470

Ismael
Moderator

Hi,

Thanks for the update.

The theme doesn’t interfere, at least not directly, with any of those scripts but it is possible that the scripts they depend on such as “jquery migrate” are being disabled. Please ask the plugin author for script name and the list of dependencies it relies on.

// https://developer.wordpress.org/reference/functions/wp_register_script/

Best regards,
Ismael

February 12, 2019 at 3:24 pm #1065966

internet-projects
Participant

Hi Isamel,
thanks for your patience,here is the reply I got from the Toolset support:

They are deregistering the WP core script wp-mediaelement, which then breaks the enqueuing of Views assets.
(They have only been doing it since version 4.9 of WordPress, so this would probably not have been an issue before.)

Can you look into this and give me a feedback how I can fix this
Thank you Peter

February 13, 2019 at 5:07 am #1066236
Ismael
Moderator
Hi,

They are deregistering the WP core script wp-mediaelement, which then breaks the enqueuing of Views assets.

Yes, that is true. We actually added a filter in case something like this happens.
```
add_filter( 'avf_enqueue_wp_mediaelement', 'avia_always_load_mediaelement', 10, 2);
function avia_always_load_mediaelement($condition, $options)
{
	$condition = true;
	return $condition;
}
```
Just add it in the functions.php file. That filter will force the wp-mediaelement to load regardless of the theme’s requirements.

Best regards,
Ismael
February 13, 2019 at 9:24 am #1066341

internet-projects
Participant

Hi Ismael,
perfect, this works like a charm, no negative sideffects so far,

Thanks for your support

February 14, 2019 at 3:10 am #1066744

Nikko
Inactive Moderator

Hi internet-projects,

Glad that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko
Author

Posts