Avaliações em destaque

Nota: Este componente funciona juntamente com a funcionalidade Pedir avaliações de produtos, que está disponível apenas para os planos PRO ou superiores. Se não tiveres um desses planos, o componente não funcionará mesmo que o adiciones ao teu tema. Podes saber mais sobre isto neste artigo.

Este componente permite-te exibir as avaliações que os teus clientes adicionaram aos teus produtos e que foram marcadas como Em destaque. Para que funcione corretamente, segue estes passos:

1. Primeiro, deves ter o email Avaliações de produtos ativado, o que podes fazer no painel de administração da tua loja, em Definições > Geral > Emails.
2. Depois disso, e quando já tiveres avaliações recebidas, vai a Produtos > Avaliações para ver a lista completa.
3. Clica em qualquer uma delas para aceder às suas definições. No lado direito, verás a caixa que te permitirá destacá-las.

Nota: Para que uma avaliação em destaque seja exibida no componente, o seu estado deve ser Publicada.

---

Ao clicar no nome do componente, encontrarás opções gerais para o personalizar, que determinarão o aspeto e o comportamento da secção. As opções disponíveis para este componente são as seguintes:

Avaliações a exibir

Permite definir o número de avaliações que serão exibidas dentro do componente. A ordem em que são mostradas será pelas mais recentes marcadas como Publicadas e Em destaque.

---

Colunas no computador

Permite definir o número de avaliações por linha horizontal que serão exibidas em computadores.

A quantidade visível de avaliações em dispositivos mais pequenos variará consoante o que tiveres definido na opção Exibição, da seguinte forma:

Carrossel

Largura do dispositivo	Quantidade de avaliações (em vista)
≥ 992px	Quantidade definida
≤ 991px	3 avaliações
≤ 767px	2 avaliações
≤ 575px	1 avaliação

Grelha

Largura do dispositivo	Quantidade de avaliações (por linha horizontal)
≥ 992px	Quantidade definida
≤ 991px	2 avaliações
≤ 575px	1 avaliação

---

Exibição

Permite definir se o conteúdo do componente será exibido dentro de uma secção do tipo Carrossel ou Grelha.

Podes ler mais sobre as diferenças entre estes dois tipos nesta página.

---

Opções do Carrossel

Este grupo de opções ficará visível quando escolheres Carrossel, e permite personalizar o seu comportamento.

Podes encontrar a lista completa de opções nesta página.

---

Opções de cabeçalho

Ao ativar esta opção, será exibida uma secção de Cabeçalho antes do conteúdo do componente. Podes consultar a lista de opções nesta página.

---

Opções de avaliações

Dentro deste grupo encontrarás várias opções para definir como as avaliações serão exibidas e comportadas.

Alinhamento

Permite definir o alinhamento do conteúdo de todas as avaliações dentro do componente.

Nota: A imagem da avaliação mover-se-á de acordo com a opção selecionada.

Imagem do produto

Permite mostrar ou ocultar a imagem do produto para todas as avaliações dentro do componente.

Data

Permite mostrar a data das avaliações abaixo do nome do cliente (se estiver ativado).

Formato da data

Ao ativar a opção anterior, esta opção ficará visível e permitirá definir o formato da data para todas as avaliações dentro do componente.

Nome do cliente

Permite mostrar o nome do cliente que deixou a avaliação.

Formato do nome

Ao ativar a opção anterior, esta opção ficará visível e permitirá definir como o nome do cliente será exibido, com base nas seguintes opções:

• Nome completo: exibirá tanto o nome como o apelido que o cliente adicionou na sua conta.
• Nome: exibirá apenas o nome, omitindo o apelido.

Ícone de citação

Permite exibir um ícone de “citação” junto com o conteúdo da avaliação. A posição deste ícone mudará de acordo com o que escolheres na opção Alinhamento.

Ao ativar esta opção, serão exibidas as seguintes opções adicionais:

• Tipo de ícone: permite definir qual tipo de ícone será exibido — abertura ou fecho.
• Tamanho do ícone: permite definir o tamanho (em píxeis) do ícone.

---

Opções de cartão

Este grupo contém opções que permitem definir se as avaliações terão um estilo de “cartão” aplicado.

• Estilo de cartão: ativa o estilo.
• Espaço entre: permite definir se haverá espaço entre os cartões. Só será visível e estará disponível se o valor definido em Espaçamento dentro de Definições do tema > Design > Estilos do tema for diferente de Nenhum.
• Borda: exibe uma borda à volta dos cartões.
  • Opacidade da borda: permite definir a opacidade ou transparência da borda.
• Sombra ao passar o cursor: permite definir se os cartões exibirão uma sombra ao “passar o cursor” sobre eles.
• Cores do conteúdo do cartão: permite escolher a Paleta para os cartões.

---

Aparência

Este grupo contém as seguintes opções para personalizar o componente:

• Margem superior: permite controlar a margem superior da secção.
• Margem inferior: permite controlar a margem inferior da secção.
• Cores do conteúdo: permite escolher a Paleta para o componente.

---

Animações

A opção Personalizar opções permite ajustar as animações para este componente específico. Podes ver quais estão disponíveis nesta página.