Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4  

Hola

Si quieres ocultar esto en móviles prueba usar el siguiente código CSS, puedes agregar este código al final de tu archivo : /themes/warehouse/assets/css/custom.css

@media (max-width:768px){
    .stars-container{
        display:none;
    }    
}

Saludos.

Funciona perfecto, ¡muchísimas gracias!

Hola

Qué bueno que lo solucionaste.

Saludos.

Estimados amigos,
La directiva para eliminar estrellas de opiniones en móvil funcionó de maravilla. He tratado de hacer lo mismo para tablet (pues tiene el mismo problema), pero algo no hao bien (pongo @media (max-width:1024px){
.stars-container{
display:none;
}
}
¿Podéis tal vez ayudarme?
Muchas gracias.

Hola Inmaculada.

Prueba con lo siguiente:

.article.product-miniature .stars-container {
display:none;
}

un saludo

No funciona, ni en tablet ni en ordenador tipo tablet. La del móvil funcionó perfecta, pero con la tablet no hay manera. (Del ordenador no quiero desactivarlas).
Muchas gracias igualmente, pero, ¿Alguna otra idea?

Hola Inmaculada.

No veo el código añadido:

Una vez añadido este es el resultado:

Añade el código con la etiqueta !important:

article.product-miniature .stars-container {
  display:none!important;
}

Un saludo

Disculpa: sí, lo había añadido y lo he vuelto a borrar, porque: en efecto, me quita las estrellas de la lista de productos del ordenador (y eso es lo que no quiero). Sin embargo, en la tablet siguen apareciendo.
Por recordar mi pregunta: ya pude con un diectiva vuestra quitar las estrellas de la lista de productos del móvil, ahora necesito quitarlas de la tablet (pues de lo contrario no se lee bien el texto).
¡Gracias!

Hola Inmaculada.

Añade el media al código:

@media (max-width:768px){
article.product-miniature .stars-container {
  display:none!important;
}
}

Un saludo

Una cosita: delante de "article" no va punto?
Y otra, me dices que añada el media, pero éste es el que ya está usado para móvil, y funciona bien. El problema es la tablet...

Hola Inmaculada.

delante de "article" no va punto?
No, en este caso no.

éste es el que ya está usado para móvil
le añadimos el product-miniature que es el que muestra las miniaturas del producto, es decir le indicamos que queremos que esconda las valoraciones solo en las miniaturas.

Le añadimos el media para indicarle la resolución de pantalla que queremos que lo esconda " max-width:768px "

El código completo sería lo siguiente:

Esconde " stars-container " ( estrellas de valoración ) en " article" todos los artículos " product-miniature " de listado de productos " max-width:768px " cuando la resolución sea inferior a " 768px "

Puedes modificar el valor de la resolución " 768px " aumentando o reduciendo para adaptarlo a las diferentes resoluciones, por ejemplo un ipad puede tener una resolución de hasta 2048px

Prueba con el código que te pase antes y lo revisas.

Un saludo

Buenas tardes,
Llevo todo el día probando y nada, no lo consigo.
En el archivo figura primero el código para ocultar en móviles (que me funcionó) y luego el que me dijiste, pruebo con la tablet y no hay manera (la resol. es 1280)...
Te copio lo que hay en el archivo por si ves algún fallo:

@media (max-width:768px){
.stars-container{
display:none;
}
}

@media (max-width:1280px){
article.product-miniature .stars-container {
display:none !important;
}
}
¿Alguna otra idea?

Hola

Simplemente en el archivo custom.css que tienes veo que tienes este código
Contenido solo visible a usuarios registrados

 @media (max-width:768px){
    .stars-container{
        display:none;
    }    
}

Reemplaza el 768 por 1024, y refresca tu navegador , refrescar el navegador o limpiar la cache es importante de otra forma no verás los cambios

Saludos.