Saltar al contenido principal

Las reseñas de la tienda, en cualquier página

Un carrusel de testimonios en la portada: cada tarjeta con sus estrellas, la reseña, quién la escribió y el producto

Una sección de testimonios en la portada, una tira de reseñas en el pie, los mejores comentarios en una landing: no hay componente que colocar, ni hace falta. El plugin publica las reseñas de toda la tienda como una lista, en todas las páginas, y un Loop de Etch las dibuja con la tarjeta que tú diseñes. Ese carrusel es un loop dentro del Fancy Slider.

Las dos listas​

Target del loopQué trae
options.fecommerce.top_reviewsLas últimas reseñas de cuatro y cinco estrellas
options.fecommerce.reviewsLas últimas reseñas, con la nota que sea

De la más nueva a la más vieja, 24 como mucho, y sólo reseñas aprobadas de productos que la tienda enseña. Son options, no this: no dependen de la página desde la que se leen, así que el mismo loop funciona en la portada, en una landing o en una plantilla.

Montar el loop​

1. Añade un Loop donde vayan las reseñas, con la lista como target y un nombre para cada ítem. Escrito como código de Etch:

{#loop options.fecommerce.top_reviews.slice(0, 6) as review}
<article class="review-card">
<blockquote>{review.excerpt}</blockquote>
<p>{review.author} · <a href="{review.product.permalink}">{review.product.title}</a></p>
</article>
{/loop}

slice(0, 6) coge las seis primeras; sin él, las 24.

2. Diseña la tarjeta dentro del loop con los elementos que quieras, leyendo los campos de abajo.

3. Pon las estrellas: coloca el componente Product Rating dentro de la tarjeta con Rating en {review.rating} y Rating label en {review.rating_label} — las mismas estrellas que en la ficha, con la frase que necesita un lector de pantalla. Apaga Show the text beside the stars si la tarjeta sólo quiere las estrellas.

4. «Compra verificada», si la quieres: mete esa línea en una condición sobre review.verified.

Para un carrusel, pon el loop dentro de las diapositivas de un slider y cada tarjeta pasa a ser una diapositiva.

Qué trae cada reseña​

Si el ítem del loop se llama review:

CampoEjemplo
{review.author} · {review.initials}Ada Lovelace · AL
{review.rating} · {review.rating_label}5 · Rated 5 out of 5
{review.text} · {review.excerpt}La reseña entera · sus 30 primeras palabras
{review.date} · {review.date_label}Para un <time datetime> · September 10, 2026
{review.verified}Si quien la escribió lo compró — para una condición
{review.url}La reseña misma, en la ficha de su producto
{review.product.title} · {review.product.permalink} · {review.product.id}El producto del que habla
{review.product.image_id} · {review.product.image} · {review.product.image_alt}Su foto: el id para una imagen dinámica, la dirección para un <img>

Conviene saber​

  • De quien escribe no sale más que lo que ya enseña la ficha: el nombre que puso, nunca el correo, e iniciales en vez de Gravatar.
  • A la página no le cuesta nada: la lista se tiene preparada y se rehace en cuanto cambia una reseña o su producto.
  • ¿Tres estrellas o más en top_reviews? El filtro fancy_etch/woo/top_reviews_min_rating recibe el número.
  • Las reseñas de un solo producto, en su ficha, son el componente Product Reviews.