Ir al contenido principal

Cómo mostrar calificaciones con estrellas en páginas de colección usando el bloque nativo Review stars de Shopify

Escrito por Simon Akhrameev

📘 Nota

Si su tema admite la edición de bloques de tarjetas de producto, le recomendamos el propio bloque de Tarjeta de valoración de reseñas (Review rating card) de Growave en lugar del bloque Review stars nativo de Shopify.

Si la aplicación de Reseñas de Growave está instalada y activada, usted puede usar el bloque nativo Review stars de Shopify para mostrar valoraciones con estrellas en las tarjetas de producto dentro de las páginas de colección y de listado de productos. Mostrará automáticamente los datos de valoración por estrellas de Growave para cada producto. El bloque funciona con temas de Shopify 2.0 que admiten la edición de tarjetas de producto (por ejemplo, Horizon).

Este artículo explica cómo agregar el bloque y cómo ocultarlo para productos que no tienen reseñas.


Agregar calificaciones con estrellas usando el editor de temas de Shopify

  1. Vaya a su panel de administración de Shopify → Tienda en línea → Temas.

  2. Haga clic en Personalizar junto a su tema actual.

  3. En el editor de temas, seleccione una página de colección con tarjetas de productos. Por ejemplo: Colecciones → Colección predeterminada.

  4. Pase el cursor sobre una tarjeta de producto y haga clic en el icono .

  5. En la pestaña Bloques, seleccione Review stars (el bloque nativo de Shopify).


Ocultar calificaciones con estrellas para productos sin reseñas

Por defecto, el bloque Review stars de Shopify puede mostrar una sola estrella (★☆☆☆☆) para productos con cero reseñas. Aquí tiene un ejemplo de cómo solucionar esto:

Para temas Horizon o similares

  1. Vaya a Tienda en línea → Temas → Editar código.

    Tienda online de Shopify - Temas - Editar código
  2. Abra este archivo: blocks/review.liquid

  3. Busque la siguiente línea: {%- if rating != blank -%}

  4. Actualícela a: {%- if rating != blank and rating_count > 0 -%}

  5. Guarde el archivo. Ahora, el bloque de calificación con estrellas solo aparecerá para productos con 1 o más reseñas.

    Tienda online de Shopify - Temas - Editar código - ocultar para productos con 0 reseñas

Si tiene problemas para encontrar el archivo correcto o las estrellas no se muestran como se esperaba, comuníquese con nuestro equipo de soporte por correo electrónico o por el chat en la esquina inferior derecha del panel de administración de Growave. ¡Estaremos encantados de ayudarle!

¿Ha quedado contestada tu pregunta?