Hola, amigos. He instalado un modulo de Opiniones y Rich Snippets pero en la versión móvil distorsiona el texto del producto en el grid de lal página de productos.
Se me ocurre que la solución más fácil sea poder desactivar las estrellas en la lista de productos del móvil, pero no en la ficha de productos. (Si fuera así bastaría con desactivar el módulo para la versión móvil).
¿Se os ocurre qué puedo hacer? Los desarrolladores del módulo me comentan que "ponga una directiva CSS para eliminar el selector", pero no entiendo nada d la instrucción. Muchas gracias por la ayuda.
URL del sitio: Contenido solo visible a usuarios registrados
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?
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.