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

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

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

📘 Nota

Para los temas que no son compatibles con los bloques nativos de Shopify, use el widget de marcador de posición Calificación promedio del producto en listados (Listing average product rating) de Growave.


Agregar calificaciones con estrellas usando el editor de temas de Shopify

  1. Vaya a su panel de administración de Shopify → Tienda online → 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 online → 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?