Avisos
Vaciar todo
Página 1 / 2
Siguiente
Buenos días,
Como puedo quitar el efecto de los productos de virtuemart 3, al pasar el ratón por encima nos hace como un "zoom" del recuadro del producto.
Adjunto captura.
Un saludo, Enrique P.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 20/04/2015 12:26 pm
Hola,
Añade el siguiente código CSS personalizado para que no se haga el efecto de zoom:
.productlist:hover {
padding: 10px;
}
En el siguiente artículo de nuestro blog se explica cómo añadir ese CSS personalizado en tu plantilla:
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Respondido : 20/04/2015 7:24 pm
Hola, estoy intentando quitar ese efecto en la plantilla Jano. Debo estar haciendo algo mal porque después de meter el código en la hoja de estilo (en este caso voy a configuración del tema, pestaña estilo, y pego el código que pusiste abajo de todo en css personalizado) me sigue haciendo el efecto zoom ese.
¿Qué estoy haciendo mal?
Saludos
Respondido : 01/05/2015 1:25 am
Hola Julio
Será mejor que envíes la url de tu sitio web para verificar lo que comentas.
Saludos.
Respondido : 01/05/2015 6:23 pm
Hola Jhon, gracias por contestar.
La url es www.amazing-moon.com
Te adjunto dos imágenes, una sin tener el ratón encima de los productos y sin zoom. Y otra con el zoom al pasar el ratón por cualquier artículo. Ese efecto zoom es el que quiero quitar.
Gracias
Respondido : 03/05/2015 2:58 am
En las imágenes que te adjunté no se aprecia muy bien el efecto, pero si entras en la página y pasas el ratón por los productos lo notarás enseguida. Gracias
Hola Jhon, gracias por contestar.
La url es www.amazing-moon.com
Te adjunto dos imágenes, una sin tener el ratón encima de los productos y sin zoom. Y otra con el zoom al pasar el ratón por cualquier artículo. Ese efecto zoom es el que quiero quitar.Gracias
Respondido : 03/05/2015 3:00 am
¡Hola Julio!
Es importante que desactives el mantenimiento de tu página web para que podamos revisar el error que nos comentas..
Quedamos a la espera de tu colaboración.
Saludos
Respondido : 03/05/2015 2:04 pm
Perdón... mantenimiento desactivado
Respondido : 03/05/2015 2:14 pm
Hola
Primero agrega el archivo personalizado CSS tal como se comenta en :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Luego agrega en este archivo el siguietne código
.destacados ul.product_list_widget li:hover,
#rt-maintop ul.product_list_widget li:hover,
#rt-content-top ul.product_list_widget li:hover{
padding:10px;
}
Saludos.
Respondido : 03/05/2015 5:03 pm
Gracias Jhon
El código ha funcionado a medias. Los productos "top venta" de la página de inicio (la portada) ya no hacen el efecto zoom. Sin embargo los productos de la página Tienda (donde están todos los productos por categorías) siguen haciendo este efecto. ¿Cómo podría hacer que en esa página tampoco se mostrara el efecto?
Gracias
Respondido : 03/05/2015 5:24 pm
Hola
Corrige primero el otro tema que consultabas ya que al parecer has reemplazado un archivo index.php de manera incorrecta.
Saludos.
Respondido : 03/05/2015 5:57 pm
Jhon, perdona, pero en la otra consulta que te dije que las imágenes ya se veían correctamente me equivoqué. Se ven mejor, pero aún poniendo dos imágenes del mismo tamaño, cuando va a pasar de una a otra se descuadra ligeramente, mostrando una ligeramente más pequeña que la anterior.
Respondido : 03/05/2015 6:20 pm
Hago referencia a este hilo
Jhon, perdona, pero en la otra consulta que te dije que las imágenes ya se veían correctamente me equivoqué. Se ven mejor, pero aún poniendo dos imágenes del mismo tamaño, cuando va a pasar de una a otra se descuadra ligeramente, mostrando una ligeramente más pequeña que la anterior.
Esta publicación ha sido modificada el hace 4 años por antonio
Respondido : 03/05/2015 6:23 pm
Perdón por volver a escribir el tercer mensaje seguido. Ya he resuelto el tema de las imágenes de la galería de Inicio. Me he metido en el archivo index que me diste modificado y vi que habías puesto 1200 de ancho así que escalé las imágenes de 1170 a 1200 y listo. Si pongo todas en 1200 ya quedan cuadradas todas.
Ahora me gustaría arreglar el tema de los productos. En la página principal ya no me sale el efecto de zoom sobre los productos de "TOP VENTAS", sin embargo en la página de Tienda y donde están todos los productos me sigue haciendo el efecto zoom. ¿Qué puedo hacer para quitar ese efecto en la página Tienda?.
Gracias
Respondido : 03/05/2015 7:05 pm
HOla
Al archivos personalizado que agregaste agrega adicionalmente el siguiente código :
#rt-mainbody ul.products li.product:hover{
padding:10px!important;
}
Saludos.
Respondido : 03/05/2015 7:33 pm
Página 1 / 2
Siguiente
