Skip to content

Latest commit

 

History

History
97 lines (72 loc) · 4.72 KB

Instalação personalizável - Bloco de reviews.md

File metadata and controls

97 lines (72 loc) · 4.72 KB

Instalação personalizável - Bloco de reviews

Requisitos

Existem alguns passos muito importantes a serem seguidos antes de efetuar a inserção dos componentes da yourviews no tema da sua loja.

Instalação do App Yourviews na Vtex Io

Um dos requisitos obrigatórios é possuir o app da yourviews instalado na sua loja vtexio, para isso, acesse o link abaixo para seguir com o passo a passo de instalação: https://github.com/yourviewsbyhiplatform/documentacoes/blob/master/Instalac%CC%A7a%CC%83o%20do%20App%20Yourviews%20na%20Vtex%20Io.md

Ao seguir estes passos, você estará preparado para instalar e configurar o bloco noa VTEX IO de maneira eficaz, aproveitando ao máximo as funcionalidades oferecidas.

Instalação

Nome do bloco

O bloco é identificado como yv-product-reviews. Ele é projetado para exibir as avaliações e comentários dos clientes sobre produtos específicos. Este bloco é particularmente valioso nas páginas de produtos, onde os clientes podem ler as opiniões e experiências de outros compradores antes de tomar uma decisão de compra.

Localização do bloco

O bloco yv-product-reviews é normalmente posicionado no bloco pai store.product, que corresponde à página de cada produto individual. Este posicionamento permite que as avaliações dos clientes estejam diretamente associadas ao produto relevante.

"yv-product-reviews"

Instalação do bloco Exemplo

Personalização do bloco

O bloco yv-product-reviews pode ser personalizado recebendo alguns blocos filhos que irão compor a sua estrutura, isso é útil para quem deseja criar sua própria estrutura, segue abaixo dois prints padrão e um personalizado:

Padrão:

Personalizado pela loja:

Para a personalização do bloco reviews, pode-se adicionar alguns blocos filhos para compor cada elemento interno que deseja que seja exibido, segue abaixo uma lista com cada bloco filho e suas devidas informações.

Blocos filhos (children)

O bloco de reviews aceita alguns blocos filhos, são eles:

Propriedades (props)

  • hideButtonReview - Recebe true ou false - Quando true remove o botão de escrever avaliação. (Útil para quando não existe personalização no bloco, ou seja, quando não possui blocos filhos)
  • orderBy - Recebe um número que indica o filtro inicial da ordenação das avaliações, escolha um numero inteiro entre 0 e 5, sendo:
    • 0 para Mais antigos primeiro (padrão)
    • 1 para Mais novos primeiro
    • 2 para Mais antigos primeiro
    • 3 para Melhores notas primeiro
    • 4 para Mais curtidas primeiro
    • 5 para Mais descurtidas primeiro

Exemplo de uso:

// product.jsonc
"store.product": {
  "children": [
	...
+   "yv-product-reviews",
	...
  ]
},
// yourviews-custom.jsonc
"yv-product-reviews": {
  "children": [
    "yv-reviews-details",
    "yv-reviews-field-summary",
    "yv-orderby-select",
    "yv-title#reviews",
    "yv-reviews-content",
    "yv-writereview-button",
  ]
},


Pronto!