Buenas noches
Tengo un problema que me está volviendo loco, he revisado todo el código bastantes veces y no lo encuentro :blink:
Tengo una web con tienda virtual, es la indicada en la URL del sitio consultado y cuando me voy a cualquier galería de productos, si me pongo con el cursor del ratón sobre cualquier producto el resto se difumina. Ésto me pasa si uso Google Chrome porque si uso Firefox no tengo ese problema, de ahí que creo que el problema está en la plantilla pero no encuentro donde 🙁
¿Podrían ayudarme?
Muchas gracias por su respuesta
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Parece un efecto propio de la plantilla, puede indicarnos el enlace de la plantilla para pode revisarlo?
¿Te refieres imagino a donde está la plantilla dentro de mi web, no?
La ruta sería la siguiente:
http://www.lolaypablo.com/templates/echo/
Si te refieres a cualquier otra cosa, por favor, hazmela saber para proporcionártela
Gracias
Hola Rubén
Tendrá que ser una o varias capturas en las que ilustres el problema ya que interpreto por tus palabras que el problema sucede en el backend, dentro del componente VirtueMart, en Productos ¿correcto?.
- Los formatos de capturas admitidos son .jpg y .png
Saludos
Gracias por Contestar Luis
No, el problema está en el front end. Te lo adjunto verás. Si entro en cualquier categoría de productos sin hacer nada con el ratón se ve bien, en cuanto me sitúo sobre un producto concreto, se difumina el resto (ya digo, en Firefox no pasa, sí en Google Chrome)
Cualquier duda me comentáis
Gracias
Hola,
Tal como te comentaba Johnny, este difuminado es un efecto que aplica la propia plantilla de Joomla que estás utilizando, no viene por defecto con Virtuemart.
Para quitar este efecto tienes que edita el archivo templates/echo/css/vm-echo.css. Previa copia de seguridad del mismo localiza el siguiente código:
.category-view .row-fluid:hover .category:hover, .productdetails.row-fluid:hover .spacer:hover, .featured-view .row-fluid:hover .spacer:hover, .latest-view .row-fluid:hover .spacer:hover, .browse-view:hover .spacer:hover { opacity: 1; -webkit-filter: blur(0px); }
y en él elimina la línea:
-webkit-filter: blur(0px);
Hola Pablo
Imagino que por ahí van los tiros aunque de momento no se ha solucionado tras eliminar esa línea. Voy a ver si siguiendo ese webkit encuentro algo más. Si vosotros veis algo por favor, estaré encantado de recibir ayuda.
Un saludo
Hola Pablo
Imagino que por ahí van los tiros aunque de momento no se ha solucionado tras eliminar esa línea. Voy a ver si siguiendo ese webkit encuentro algo más. Si vosotros veis algo por favor, estaré encantado de recibir ayuda.
Un saludo
Me auto-respondo. Había que quitarlo en más de un sitio dentro de ese CSS, no lo había visto. Ya está SOLUCIONADO. Gracias Pablo, eres un hacha
Hola,
Ya no veo el efecto de difuminado en tu web. Si tu lo sigues viendo será porque tienes cacheado en tu navegador los estilos CSS de la plantilla. Prueba a pulsar F5 o Control+F5 para refrescar estos CSS o eliminar el historial de navegación y verifica si así se deja de mostrar el difuminado.
Me dí cuenta 3 minutos después de tu mensaje Pablo, ya lo comenté. Había que eliminarlo de otro sitio más dentro de esa hoja de estilos. Justo lo eliminé cuando tu lo has probado
Solucionado. Gracias