Avisos
Vaciar todo
Administración PrestaShop
7
Respuestas
4
Usuarios
0
Reactions
722
Visitas
Topic starter
Buenas,
Me gustaria eliminar el hover de la pagina principal cuando pasas por encima el raton
Seria no mostrar nada dejarlo como cuando no pasas el raton, en la version movil solo se muestra (ver numeros disponibles) eso tambien me gustaria que no se muestre.
Me gustaria que se quedara si.
No quiero que se muestre cuando pasas el cursor que se muestra en esta imagen.
Muchas gracias.
Un saludo
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 12/09/2017 11:44 am
Hola Ivan.
.- Accede a themes/tuplantilla/css y edita el archivo product_list.css
.- Elimina todos los códigos que veas con la etiqueta .hovered
Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.
Un saludo
Respondido : 12/09/2017 2:41 pm
Topic starter
Buenas Pepe,
Te agradezco mucho tu ayuda y tiempo.
Te comento el progreso y lo dejo puesto por si le puede ayudar alguien en un futuro.
He realizado lo que me has comentado eliminar todos los hovered solo hace falta estas 2 lineas que indico en la imagen, he conseguido eliminar el sombreado de la caja y la caja con el texto y precio superior.
Eliminando el resto de hovered el resultado seria el mismo pero descuadra las imagenes.
Lo que no he sido capaz es eliminar hovered donde se indica ver numeros disponibles por defecto en Prestashop seria la pestaña de Mas.
Solo me haria falta poder eliminar esa funciona, te dejo el enlace con los cambias actuales para ver si me puedes indicar para eliminar el otro hovered
Te dejo el enlace donde estoy haciendo las pruebas www.modachic.es/clon
Muchas gracias
Un saludo
Imagen original sin modificar
Tenemos que eliminar estas 2 lineas para eliminar Hover del sombreado y la caja con el texto.
Entonces se nos quedaria asi, solo al pasar el cursor muestra el boton de Mas
Respondido : 12/09/2017 9:52 pm
Hola
Esa clase hover se coloca automáticamente con javascript, será dificil que hagas cambios en esto.
Sino quieres mostrar el botón cuando se hace hover puedes hacerlo que aparezca siempre oculto, por ejemplo con el siguiente código CSS:
.product-container .button-container{
display:none!important;
}
Saludos.
Respondido : 12/09/2017 10:33 pm
Topic starter
Buenas Jhon,
Gracias por tu aporte, acabo de hacer el cambio perfecto ya no se muestra.
Lo unico que al pasar el cursor por el articulo se oculta el precio como si hubiera algun hover activo.
Un saludo
Respondido : 12/09/2017 11:21 pm
Topic starter
Buenas Noches,
He estado trasteando y he conseguido que se quede fijo el precio al pasar el cursor.
La linea 236
ul.product_list.grid > li.hovered .product-container .content_price {
display: none; }
He modificado el texto none, por black
ul.product_list.grid > li.hovered .product-container .content_price {
display: black; }
En la linea 251 la eliminado
ul.product_list.grid li.hovered h5 {
min-height: 30px; }
He vuelto a rehacer los cambios a espera que me confirmes si es correcto y es seguro los cambios que he realizado o veis vosotros alguna otra alternativa mejor.
Gracias y un saludo
Respondido : 13/09/2017 1:34 am
Hola,
En mi opinión esta funcionando de forma correcta, no es muy recomendable tocar el código Javascript ya que te puede generar conflictos a futuro en caso de no estar correctamente programado.
Respondido : 13/09/2017 3:18 am
