Change loading animation
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 pleaseIf 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.
Hi,
I would like to change the loading animation to my own svg file.
I used overlay skin plainoverlay.css and overlay image background - my image.
I see my image 2 times instead of one and I also see the green spin of your plugin.
How can I remove the green spinner and have only one image of mine?
Sam
Hello Sam
Please drop me exact link to the issue
overlay image background - This is for background image not for center image
You can try to customize the code in file - wp-content\plugins\woocommerce-products-filter\index.php -
add link to your img - https://share.pluginus.net/image/i20250723120619.png
If I change the content of the index.php, in the next update it will override my changes.
I added in the private data the link for the page.
Hello
Your link - https://c2n.me/4mWB0mE.png
in the next update it will override my changes. - Yes!
You can hire a frontend developer to implement this using CSS.
What is the class for the spinner?
I would like to add the css.
Do you have an example how to fix it?
With these settings, this is a CSS animation that is added dynamically by the JS library.
If you enable this setting - https://share.pluginus.net/image/i20250724122024.png - div.woof_info_popup
for all other settings except "Plainoverlay - CSS" - #woof_svg_load_container
Do you have an example how to fix it? - Unfortunately, we don't have an example of how to implement your customization.
I recommend you to use the option with this ID - #woof_svg_load_container
hide the image that the plugin adds:
#woof_svg_load_container img {
display: none !important;
}
#woof_svg_load_container {
background-image: url( YOUR LINK);
}
Please note this is just a sample code