Toolset – Custom Search – Problem with Enfold (AJAX?)

Hey mm3np22f,

I’m not sure if the code breaks the ajax function but I get a javascript error on your website. This code:

<script type="text/javascript">
jQuery( document ).ready( function( $ ) {
	var extra_css = $( "#views-extra-css" ) ? $( "#views-extra-css" ).text() : null;	if( extra_css ) {		$( 'head' ).append( '<style>' + extra_css + '</style>' );
		$( "#views-extra-css" ).remove();	}
	$( 'head' ).append( $( "#views-extra-css-ie7" ).html() );
	$( "#views-extra-css-ie7" ).remove();});
</script>

is loaded before the jquery.js script and triggers following error:

ReferenceError: jQuery is not defined

Please move it to the footer or remove it and check the ajax search again.

Best regards,
Peter

Hi,

Please create us an admin account and I’ll look into it. I can’t promise a solution but maybe it’s a simple js script issue (missing selector, missing code, etc.) If possible set up a test website because I’ll switch the theme, activate and deactivate plugins, etc.

Best regards,
Peter

Hi,

I found the culprit. The search function requires wp_mediaelement script which is not loaded by default by Enfold (because of performance reasons and to decrease the loading times). To fix the issue add this code to the child theme functions.php:

add_filter( 'avf_enqueue_wp_mediaelement', 'avia_always_load_mediaelement', 10, 2);
function avia_always_load_mediaelement($condition, $options)
{
	$condition = true;
	return $condition;
}

and replace line 419 in enfold/functions.php:

$condition2 = ( version_compare( get_bloginfo( 'version' ), '4.9', '>=' ) ) && $condition;

with

$condition = apply_filters( 'avf_enqueue_wp_mediaelement', $condition, $options );
$condition2 = ( version_compare( get_bloginfo( 'version' ), '4.9', '>=' ) ) && $condition;

The next theme update will already contain this change – you don’t need to modify the enfold/functions.php again.

Best regards,
Peter

Hi,

Glad I could help you :)

Best regards,
Peter