Avisos
Vaciar todo

Eliminar Hover de la pagina principal.  

 
Ivan
 Ivan
Reputable Member

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

Citar
Respondido : 12/09/2017 12:44 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 12/09/2017 3:41 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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

ResponderCitar
Respondido : 12/09/2017 10:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 12/09/2017 11:33 pm

Ivan
 Ivan
Reputable Member

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

ResponderCitar
Respondido : 13/09/2017 12:21 am
Ivan
 Ivan
Reputable Member

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

ResponderCitar
Respondido : 13/09/2017 2:34 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 13/09/2017 4:18 am