Using custom gif as overlay skin

Hello

Unfortunately the plugin does not have this feature. you need code customization

Sure that’s fine. Where in the code do I need to look to implement it?

It shouldn’t be too hard to do once I know where to start looking.

@pavloborysenko Can you help regarding my previous message?

Hello

if you have no programming experience you should hire a developer

Easy way:

Use your image in svg format

And replace one of these files in folder – wp-content\plugins\woocommerce-products-filter\img\loading-master\

I’d also like to have the opportunity to use an overall supported format like a GIF. SVG animation isn’t supported in Firefox for example. It shouldn’t be too difficult to add an extra option like “Custom loader” where people can load their GIF or other image.

Hope to see this option soon! ??

but if i want use gif
its not possible? just svg work?

Hey @pavloborysenko

(Sorry to resurrect an old thread)

As mentioned by @hielkio – SVG animations don’t work on some browsers.
I noticed in woocommerce-products-filter\img\loading-master\ there is a readme.md which suggests that you need to use a backup file for some browsers. Where is this backup file located?

For example, after setting a new SVG, on Firefox the default loader still shows. How can i change this fallback loader animation?

Your help would be appreciated!

Override loading icon in WOOF PRODUCT FILTER.

Note : Overlay skins should be Default

#woof_html_buffer{
  height: 201px;
  width: 201px;
  background-image: url(loading-icon.gif);
  background-size: 50%!important;
  background-color: transparent!important;
  color:transparent!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  background-repeat: no-repeat!important;
}