Un usuario preguntó 👇
¿Hay alguna forma de usar un gif o png personalizado como máscara de superposición al cargar la página? No parecía encontrar una manera de hacer esto en los menús de plugins.
(@pavloborysenko)
Hace 2 años
Hola
Desafortunadamente, el plugin no tiene esta función. necesitas personalización de código
(@ljackl)
Hace 1 año, 11 meses
Definitivamente eso es bueno. ¿En qué parte del código tengo que buscar la implementación?
No debería ser demasiado difícil de hacer una vez que sepa por dónde empezar a buscar.
(@ljackl)
Hace 1 año, 11 meses
@pavloborysenko ¿Pueden ayudarme con mi mensaje anterior?
(@pavloborysenko)
Hace 1 año, 11 meses
Hola
Si no tiene experiencia registrada, debe contratar a un desarrollador.
Manera fácil:
Usa tu imagen en formato svg
Y coloque uno de estos archivos en una carpeta: wp-content plugins woocommerce-products-filter img loading-master
(@hielkio)
Hace 1 año, 5 meses
También me gustaría tener la oportunidad de utilizar un formato general compatible, como GIF. La animación SVG no es compatible con Firefox, por ejemplo. No debería ser demasiado difícil agregar una opción adicional como «Cargador personalizado» donde las personas pueden cargar su GIF u otra imagen.
¡Espero ver esta opción pronto! 🙂
(@ amirgaziel0)
Hace 1 año, 3 meses
pero si quiero usar gif, ¿no puedo? solo funciona svg?
(@ljackl)
Hace 1 año, 2 meses
Hola @pavloborysenko
(Perdón por resucitar el viejo hilo)
Como lo menciona @hielkio, la animación SVG no funciona en algunos navegadores. Noté en woocommerce-products-filter img loading-master que hay readme.md, lo que implica que debe usar un archivo de respaldo para algunos navegadores. ¿Dónde se encuentra este archivo de respaldo?
Por ejemplo, después de configurar un nuevo SVG, en Firefox todavía se muestra el cargador predeterminado. ¿Cómo cambio esta animación del cargador de respaldo?
¡Apreciaríamos tu ayuda!
(@mayanksdudakiya)
Hace 1 año, 1 mes
Anula el icono cargado en el FILTRO DE PRODUCTOS WOOF.
Nota: las máscaras de superposición deben ser predeterminadas
#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;
}¿Solucionó tu problema??
0 / 0