Pular para o conteúdo

Testimonials

O Testimonials mostra o que clientes disseram: uma citação, o nome, o cargo, uma foto e uma nota de estrelas, quando você preenche esses campos.

As quatro variantes:

  • mosaic: cartões em mosaico, com alturas diferentes. É a padrão.
  • grid: cartões em três colunas.
  • carousel: uma fileira com rolagem por encaixe; as setas aparecem só quando o script carrega.
  • featured: um depoimento grande, com foto ao lado da citação. Ela recebe só o primeiro item da lista.

Cada depoimento tem o campo verified, que não aparece na página. Só os depoimentos verificados entram no dado estruturado da página (schema.org Review, junto com o produto). A nota média (AggregateRating) usa só os verificados que têm nota. Sem nenhum verificado, o dado estruturado não é gerado.

Testimonials

Pasta: ui/sections/testimonials

Variantes

IdVarianteTom
testimonials-mosaic-light mosaic light
testimonials-mosaic-gray mosaic gray
testimonials-mosaic-dark mosaic dark
testimonials-mosaic-accent mosaic accent
testimonials-grid-gray grid gray
testimonials-carousel-gray carousel gray
testimonials-featured-gray featured gray

Propriedades

PropriedadeTipoObrigatóriaDescrição
variant "mosaic" | "grid" | "carousel" | "featured" Não —
items readonly TestimonialItem[] | readonly [TestimonialItem] Sim —
title string Sim —
intro string Não —
tone Tone Não —
density Density Não —
width Width Não —
id string Não —
  • grid: templates/one-page/files/src/data/content.ts:128 e templates/landing-page/models/captura/files/src/data/content.ts:93.
  • carousel: templates/landing-page/models/produto/files/src/data/content.ts:101.
  • Página de Sobre do site: templates/multi-page/files/src/pages/about.ts:23, com os dados de src/data/pages/about.ts.

Captura da primeira variante do catálogo (mosaic, tom claro, em 1280 px):

Captura da galeria: seção Testimonials, variante mosaic, claro, em 1280 px

A mesma variante em 360 px:

Captura da galeria: seção Testimonials, variante mosaic, claro, em 360 px