Eliminar Hover de la pagina principal.  

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

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

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.

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

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

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.