Problem with Ajax Standard Widget Extensions

Perfect Japanese! I wonder if you learned Japanese somewhere.

Anyway, I’d like to make it certain that I came to understand your problem. The problem happens when you choose one of MARKE/BETRIEBSSYSTEM/CPU/… on your site, right?

I assume I’m right and moving forward. From my investigation, I think modifications will be needed on both sides, SWE and ajax_layered_nav.js on your site.

– Regarding SWE, make it available to call initialize function from other scripts.
– Regarding ajax_layered_nav.js, call the SWE initialize function from showPage().

If you are familiar with programming, it would be achieved. But if you are not, I don’t recommend to modify the source code.

For me, it’s not so difficult to modify SWE. You can decide going ahead or not.

miyasa, did you figure this problem out. Im using yith ajax and SWE which causes the same competing issues.

Ndesign55,

Do you mean YITH WooCommerce Ajax Navigation? Thanks for your information!

Yes! Im using YITH WooCommerce Ajax Navigation. SWE works fine until i filter my products and the class (hm-swe-accordion-head) on my H3 disappears as well as functionality of the widget. I wish I was more of a programmer to test this. Should I try Advanced AJAX Layered Navigation because it looks like its a problem with both at the moment.

Ndesign55,

In SWE 1.6, you can call swe.reloadHandler() after Ajax updating to keep widgets working. For YITH WooCommerce Ajax Navigation, you can add swe.reloadHandler() after a(document).trigger(“yith-wcan-ajax-filtered”) in yith-wcan-frontend.min.js.

a(document).trigger("ready");a(document).trigger("yith-wcan-ajax-filtered"); swe.reloadHandler();}})})

It worked for me. Please try it on your site.

For WooCommerce Advanced Ajax Layered Navigation, you can place swe.reloadHandler() near the end of showPage() in ajax_layered_nav.js.

/* Re-fire the pageLoaderInit() function. This adds the live click handlers to the newly
 * readded elemets
 */
pageLoaderInit();
swe.reloadHandler();

WooCommerce Advanced Ajax Layered Navigation is not free and I can’t check the behavior after modification. So please try it by yourself.

Your script worked like a charm for me in yith-wcan-frontend.min.js.
Thank you for your help and extended support with each of these modules…cheers

Thanks for the feedback. I’d like to mark this topic as resolved.

In version 1.7, the Ajax support get improved. You no longer have to change the plugin files.

But you still have something to take care of. Check the following entry.

https://en.hetarena.com/archives/350

Blogger 323 solution is not working for me. I have the same problem where after I select an item, using the SWE with the YITH, and reset my page, the accordion widget will not stay open when I click on it…I click and after a small delay it closes itself.

Any thoughts would be appreciated.

AJ

Let me clarify your situation.

1. Select an item.
2. Partial page update by YITH.
3. Then SWE doesn’t work properly. With just one click, it would open and close.

Right?

Are you using SWE 1.7.3?
Which theme are you using?

YITH WooCommerce Ajax Navigation Version 1.4.1

Standard Widget Extensions Version 1.7.3

Woothemes Shelflife Theme with a child instance created

Modified yith-wcan-frontend.min.js

window.history.pushState({pageTitle:b.pageTitle},””,q);a(document).trigger(“ready”);a(document).trigger(“yith-wcan-ajax-filtered”); swe.reloadHandler();}})});

No effect but we have wp-rocket caching installed with the minify javascript turned off so I also modified yith-wcan-frontend.js

//trigger ready event

$(document).trigger(“ready”);

$(document).trigger(“yith-wcan-ajax-filtered”);

swe.reloadHandler();

Still no effect on this.

Behavior can be seen live at https://bridepower.com/product-category/gowns/

Thank you in advance for any help you might be able to give us.

Regards,

AJ

Let me clarify my situation a bit further.

1. navigate to page
2. Select an item.
3. Everything works fine
4. Use the Yith WooCommerce Ajax Reset Navigation widget to clear all selections
5. Partial page update by YITH.
6. Then SWE doesn’t work properly. With just one click, it would open and close.

Thank you in advance,

AJ

When I remove the swe.reloadHandler(); from the yith, everything works correctly except for the loading of the image next to the h3

When I first navigate to the page here is the Code that appears triggering the image:

<h3 class=”hm-swe-expanded” style=”cursor: default;”>Designer</h3>

When I select an item within the accordion or use the reset button, the class never gets assigned:

<h3 style=”cursor: default;”>Designer</h3>

But if I click on the accordion itself, the styling re-appears

<h3 class=”hm-swe-expanded” style=”cursor: default;”>Designer</h3>

Any thoughts on this?

AJ

As I mentioned just before your first post, you no longer need to modify the YITH JavaScript files.

Regarding an issue of losing the class attribute, a following article will help you.
https://en.hetarena.com/archives/350

Regarding an issue of the strange behavior, open and close with one-click, I will release a fixed version, hopefully next weekend.