O bloco de Avaliação do Produto exibe a classificação por estrelas de um produto WooCommerce em seus modelos de Produto Único. Ele puxa os dados de avaliação diretamente da guia Avaliações de cada produto, dando aos visitantes um indicador visual instantâneo de satisfação do cliente sem sair da página do produto.
Este bloco foi projetado exclusivamente para uso em modelos de Produto Único. Certifique-se de que o WooCommerce esteja instalado e que as avaliações de produtos estejam ativadas antes de usá-lo. Você pode personalizar o tamanho das estrelas, o espaçamento e as cores para combinar com a identidade visual da sua loja.
Adicionando o Bloco de Avaliação do Produto às Suas Páginas
Siga estas etapas para adicionar um bloco de Avaliação do Produto ao seu modelo de Produto Único do SeedProd:
Etapa 1: Adicionar o Bloco
Em Design > Blocos > Tags de Modelo do WooCommerce > Informações Adicionais, arraste e solte o bloco Avaliação do Produto na seção desejada do seu modelo de Produto Único.
Etapa 2: Configurar as Definições de Conteúdo
Após adicionar, clique no bloco de Avaliação do Produto para abrir suas configurações. Na guia Conteúdo, você encontrará as seguintes opções na seção Classificação por Estrelas:
- Alinhamento: Defina o alinhamento horizontal da classificação por estrelas — Esquerda, Centro ou Direita — com controles por dispositivo para desktop, tablet e celular.
- Tamanho: Defina o tamanho dos ícones de estrela usando um controle deslizante.
- Espaço Entre: Defina o espaçamento horizontal entre as estrelas individuais usando um controle deslizante.
Etapa 3: Personalizar o Design
Na guia Avançado, você pode personalizar a aparência visual do seu bloco de Avaliação do Produto.
Estilos:
- Cor da Estrela: Defina a cor de preenchimento das estrelas ativas (preenchidas).
- Cor da Estrela Vazia: Defina a cor das estrelas não preenchidas.
Espaçamento:
- Margem: Defina o espaçamento externo ao redor do bloco em todos os quatro lados, com controles independentes para desktop, tablet e celular.
- Preenchimento: Defina o espaçamento interno dentro do wrapper do bloco em todos os quatro lados, com controles por dispositivo.
Atributos:
- Classe Personalizada: Adicione uma ou mais classes CSS personalizadas ao wrapper do bloco para estilização direcionada.
- ID CSS: O SeedProd gera automaticamente um ID CSS exclusivo para este bloco. Você pode usá-lo para referenciar o bloco em CSS ou JavaScript personalizado.
- Atributos Personalizados: Adicione atributos HTML personalizados ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato chave|valor.
Visibilidade do Dispositivo:
- Ocultar no Desktop: Ative para ocultar o bloco quando visualizado em telas de desktop.
- Ocultar no Tablet: Ative para ocultar o bloco quando visualizado em telas de tablet.
- Ocultar no Celular: Ative para ocultar o bloco ao ser visualizado em telas de celular.
Efeitos de Animação:
- Efeito de Rolagem: Aplique uma animação acionada por rolagem ao bloco, incluindo opções de Rolagem Vertical e Rolagem Horizontal com controles de direção, velocidade e deslocamento de visualização.
- Efeito do Mouse: Aplique um efeito de paralaxe ao bloco, acionado pelo movimento do mouse.
Etapa 4: Salve Suas Alterações
Depois de terminar de configurar o bloco de Avaliação do Produto e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de Avaliação do Produto ao seu modelo de Produto Único! As classificações por estrelas são um poderoso sinal de confiança que ajuda os clientes a tomar decisões de compra com confiança. Personalize as cores e o tamanho das estrelas para que a exibição da classificação pareça uma parte natural do design da sua página de produto.