Linking Breaks when using Filters

[mckots87]

Hi again,

I’ve having an issue. The linking of the entire loop/card to our post pages breaks and does not work, once the filtering has been used. Before a user initiates any filters, the links work on the entire card.

I am using Elementor Custom Skins premium version which I purchased for this specific feature which that allows you to link the entire card. It seems that once you start using filters the entire search reloads and there is no link there.

You can test this here: https://staging1brand.wpengine.com/attorney-listings

Any help here is greatly appreciated, we need to present this to the client on Monday. Thank you soooo much again for all your help!

Mike

[Ernest Marcinko]

Hi Mike,

This is one of the reasons why we can only guarantee support for the native Elementor widgets. I assume this feature is implemented via javascript, but whenever the nodes are changed, the event handlers are not re-attached (that is a normal behavior in javascript). The only way to resolve this is by re-attaching the event handlers whenever the list is refreshed. For that however I need to know if there is a javascript API with that plugin,or a specific method should be called to re-initalize the elements.
These scenrarios are very problematic for both parties, because our plugin manipulates the elements on the page – which is fine when using only Elementor, as the proper API is used. But in this case the plugin author has no way of knowing and preparing for this, and neither do us.

[mckots87]

Hi Ernest. I understand overall, but I’m not technical enough to answer your method/API questions. I also had filled out a ticket with Dudaster, the developer that makes this plugin, but its a GitHub forum and nobody has responded so far.

I could provide you with a login to our website, and or links to the plugin’s support or anything you would need to help me figure this out and I do not mind paying you a fee for this, whether it is hourly or whatnot.

Elementor has no way to customize the post type loop and unfortunately we had to use a 3rd party plugin like Ele Custom Skin for this. It reallly should be an Elementor feature out of the box and hoping they add it soon.

Please let me know what you need, any and all help truly appreciated. Thank you again!

[Ernest Marcinko]

Actually, I may have found a solution totally by accident. I checked the event handlers on the elements and found just the correct function. I constructed a custom code for you based on our plugin API. Props to them as well for a very simple function.

Try adding this custom code to the functions.php in your theme/child theme directory. Before editing, please make sure to have a full site back-up just in case!

add_action('wp_footer', 'asp_api_sample_code');
function asp_api_sample_code() {
	?>
	<script>
	jQuery(function($){
		$(".asp_main_container").on("asp_search_end", function(){
			if ( typeof EleCustomSkinItemLink != 'undefined' ) {
				EleCustomSkinItemLink();
			}
		});
	});
	</script>
	<?php
}

Clear all layers of cache (if you have any), and then this should do the trick.

[mckots87]

That worked! You rock! Thank you so much for your awesome support!! I truly appreciate it, and your plugin is awesome. 🙂

[Ernest Marcinko]

You cannot access this content.

[mckots87]

Done.

[Author]

Posts