Pregunta sobre OceanWP de Wordpress:

– ERROR CSS – Ubicación incorrecta de las estrellas en WooC en el modo de lista.

Un usuario preguntó 👇

Hola,

como puedes ver aquí:

https://imgur.com/9j8dOiM

la posición de las estrellas es incorrecta. Creo que deberían estar en el medio.

Eliminé mi CSS personalizado y el problema sigue aquí.

¿Cómo podemos solucionar este error?

EDITAR Está bien, hay algo mal con la sección «.star-rate».

Veo el margen izquierdo y derecho = automático. Si desactivo ambos inspectores FF, las estrellas se moverán en el medio.

¡Gracias!

Este tema fue modificado hace 9 meses por. Lanzador de hilos

(@scarpinoc)

hace 9 meses

Otro problema con las estrellas …

Tuve algunas reseñas con estrellas. Bueno. De acuerdo, desactivé la opción relacionada en los sitios de WooCommerce y ahora las estrellas se han ido. «Deas» … mmmm

Desafortunadamente, cuando el mouse está por encima del precio, el precio desaparece y no veo el precio ni las estrellas… La única solución es eliminar todo el tráfico con estrellas (por supuesto que no quiero esto).

Una vez más, el comportamiento de las estrellas es un error …

¿Cómo podemos solucionar este problema?

Lanzador de hilos

(@scarpinoc)

hace 9 meses

Okey,

No soy un experto en absoluto, pero este breve CSS parece funcionar

.star-calificado {posición: relativa! importante; }

Editar: Está bien, no es realmente cierto. Ahora la posición de las estrellas es un poco más baja que antes. A la vista de la cuadrícula, si un producto no tiene estrellas, está menos en dirección vertical en comparación con el otro producto. Creo que necesito a Amit aquí …

Esta respuesta fue modificada hace 9 meses por. Lanzador de hilos

(@scarpinoc)

hace 9 meses

Bien, esto podría funcionar:

.woocommerce ul.products.list li.product.has-rating li.inner .star-rating {left: 0%; derecha: 0%; }

(@apprimit)

Hace 8 meses, 4 semanas

Hola,

¿Puede compartir el enlace de su sitio para que pueda mirar?

Lanzador de hilos

(@scarpinoc)

Hace 8 meses, 4 semanas

Hola Amit,

ahora el sitio web está oculto por motivos comerciales. Pero creo que puedes replicarlo fácilmente en tu programa. Simplemente agregue una revisión y verá este problema.

O dime cómo puedo enviarte el enlace de forma privada =)

Gracias

(@apprimit)

Hace 8 meses, 4 semanas

Hola,

Respondí a su boleto sobre apoyo marítimo. También estoy publicando la solución aquí:

.woocommerce div.product .product_title+.woocommerce-product-rating {
    display: flex;
    align-items: flex-end;
}

Lanzador de hilos

(@scarpinoc)

Hace 8 meses, 3 semanas

Hola Amit,

no funciona. Como puede ver aquí, hablo de estrellas en la página de archivo de WooCommerce en modo LISTA, no en la página del producto.

https://imgur.com/9j8dOiM

Encontré esta solución, pero no estoy seguro de si es la mejor manera. No soy un codificador.

.woocommerce ul.products.list li.product.has-rating li.inner .star-rating {
left: 0%;
right: 0%;
}

Lanzador de hilos

(@scarpinoc)

Hace 8 meses, 2 semanas

¡HASTA!

¿Qué opinas Amit?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.