PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Lost css when use ajax option

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
Emanuele(@emanuele-2)
5 Posts
Customers
September 29, 2021, 11:32

Hi, i succesfuly use WOOF for filter product on test site. With custom css I designed a customized product list all wok fine. But when i filter products with ajax enabled the custom css custom (saved in aspect-> customize-Custom css) it is not loaded and the standard product list is displayed.

how can i solve my problem? thank you all

Before Ajax CSS okbefore-ajax-OK.png

Post Ajax css wrong

post-ajax-wrong.png

#1
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
September 29, 2021, 12:19

Hello

It looks like the problem is not in the CSS

In ajax mode, the page is not reloaded for this reason, all CSS files are included

Looks like you are using a custom product display template.  Use  this  hook to  override  the  product template - https://products-filter.com/hook/woof_template_part

#2
Emanuele(@emanuele-2)
5 PostsTopic Author
Customers
September 29, 2021, 14:20

Thank for the response Pablo!

I use the default Woocommerce template, where can I look?

#3
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
September 30, 2021, 09:54

Hello

Please drop me  exact  link to  the  issue

It looks like the link I see in the screenshot is not working

#4
Emanuele(@emanuele-2)
5 PostsTopic Author
Customers
September 30, 2021, 10:00

Thanks Pablo.

Url: https://arbo.mecdata.it/categoria-prodotto/piante/

I use Astra theme, is it possible that this issue is creating the problem? otherwise I will use woof without ajax, the functionality is great too

 

#5
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
September 30, 2021, 11:48

Hello Emanuele

It looks like you have disabled ajax mode and I cannot get this error.

But I checked the HTML of the template. It looks like this custom theme template has some settings for display. And I think in ajax mode these settings are not applied to the shop template.

and this functionality is not compatible with ajax filter mode

 

#6
Emanuele(@emanuele-2)
5 PostsTopic Author
Customers
September 30, 2021, 11:58

Sorry I left ajax disabled, now you can try again. Thanks!

#7
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
September 30, 2021, 12:10

yes. In ajax mode, another template is displayed

It looks like in the previous message I'm right

If you want to try ajax filter. Perhaps this filter will work better with custom templates - https://wordpress.org/plugins/avalon23-products-filter-for-woocommerce/

#8
Emanuele(@emanuele-2)
5 PostsTopic Author
Customers
September 30, 2021, 12:21

Thank you very much Pablo!

#9
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
October 1, 2021, 12:02

Welcome;)

#10