Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme

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

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 3 semanas antes #330227

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 oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • Inmaculada
  • Avatar de Inmaculada
  • DESCONECTADO
  • Navegador Iniciado
  • Mensajes: 18
  • Karma: 0
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 3 semanas antes #330239

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.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 3 semanas antes #330311

Funciona perfecto, ¡muchísimas gracias!
  • Inmaculada
  • Avatar de Inmaculada
  • DESCONECTADO
  • Navegador Iniciado
  • Mensajes: 18
  • Karma: 0
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 3 semanas antes #330315

Hola

Qué bueno que lo solucionaste.

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 3 semanas antes #330359

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.
  • Inmaculada
  • Avatar de Inmaculada
  • DESCONECTADO
  • Navegador Iniciado
  • Mensajes: 18
  • Karma: 0
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330364

Hola Inmaculada.

Prueba con lo siguiente:
.article.product-miniature .stars-container {
display:none;
}

un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18261
  • Gracias recibidas 1468
  • Karma: 517
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330365

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?
  • Inmaculada
  • Avatar de Inmaculada
  • DESCONECTADO
  • Navegador Iniciado
  • Mensajes: 18
  • Karma: 0
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330368

Hola Inmaculada.

No veo el código añadido:

screenshot-prestashop17warehouse.bioherbarium.com-2019.03.25-10-41-21.jpg


Una vez añadido este es el resultado:

screenshot-prestashop17warehouse.bioherbarium.com-2019.03.25-10-47-48.jpg


Añade el código con la etiqueta !important:
article.product-miniature .stars-container {
  display:none!important;
}

Un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18261
  • Gracias recibidas 1468
  • Karma: 517
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330376

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!
  • Inmaculada
  • Avatar de Inmaculada
  • DESCONECTADO
  • Navegador Iniciado
  • Mensajes: 18
  • Karma: 0
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330379

Hola Inmaculada.

Añade el media al código:
@media (max-width:768px){
article.product-miniature .stars-container {
  display:none!important;
}
}

Un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18261
  • Gracias recibidas 1468
  • Karma: 517
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330380

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...
  • Inmaculada
  • Avatar de Inmaculada
  • DESCONECTADO
  • Navegador Iniciado
  • Mensajes: 18
  • Karma: 0
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330384

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
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18261
  • Gracias recibidas 1468
  • Karma: 517
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330469

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?
  • Inmaculada
  • Avatar de Inmaculada
  • DESCONECTADO
  • Navegador Iniciado
  • Mensajes: 18
  • Karma: 0
El administrador ha desactivado la escritura pública.

Directiva CSS para eliminar estrellas de opiniones en la Lista de productos de Prestashop 1.7.4 2 meses 2 semanas antes #330474

Hola

Simplemente en el archivo custom.css que tienes veo que tienes este código
Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
 @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.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Temas Relacionados

1 Respuestas emo
Tema iniciado 1 año 7 meses antes por Victoria
844 Visitas
4 Respuestas emo
Categoría: Módulos PrestaShop
Tema iniciado 3 años 1 mes antes por Enrique
2294 Visitas
5 Respuestas emo
Tema iniciado 1 año 4 meses antes por eider
994 Visitas
11 Respuestas emo
Tema iniciado 3 años 1 mes antes por Jose Manuel
1095 Visitas
7 Respuestas emo
Tema iniciado 4 años 4 meses antes por Jaime
1464 Visitas
1 Respuestas emo
Tema iniciado 9 meses 3 semanas antes por Susana
224 Visitas
2 Respuestas emo
Tema iniciado 4 años 3 semanas antes por LEONIDES HERNANDEZ VIVEROS
2862 Visitas
3 Respuestas emo
Tema iniciado 1 año 4 meses antes por Hector
837 Visitas
3 Respuestas emo
Categoría: Módulos PrestaShop
Tema iniciado 1 año 3 semanas antes por Fernando
483 Visitas
4 Respuestas emo
Categoría: Módulos PrestaShop
Tema iniciado 4 años 9 meses antes por Leandro
2735 Visitas

Moderadores: Pablo Velasco
Tiempo de carga de la página: 0.572 segundos