|
|
 | |
É possível personalizar os ícones que simbolizam as notas de avaliação dos produtos na loja.
O ícone padrão é 
Para personalizar, você deverá criar 3 ícones:
| - NotaOn.gif | | (ícone que simboliza nota inteira) |
| - NotaHalf.gif |  | (ícone que simboliza nota quebrada, meia) |
| - NotaOff.gif |  | (ícone que simboliza vazio) |
Exemplo de nota (2,5)
Depois de criar os ícones você deverá enviar as imagens para a pasta images do gerenciador de arquivos da loja e acrescentar algumas classes no arquivo LojaSite.css que fica na pasta HTM do gerenciador de arquivos.
Os nomes das classes são NotaOpiniaoVazio, NotaOpiniaoMeio e NotaOpiniaoCheio.
Exemplo:
.NotaOpiniaoVazio{width:15px;height:15px;background-image:url(../images/NotaOff.gif)}
.NotaOpiniaoMeio{width:15px;height:15px;background-image:url(../images/NotaHalf.gif)}
.NotaOpiniaoCheio{width:15px;height:15px;background-image:url(../images/NotaOn.gif)}
As classes especificam o tamanho do ícone (largura e altura) e o nome do ícone com o caminho para a pasta images da loja.
OBS: Os ícones tem 15 pixels de largura por 15 pixels de altura.
Existem outras classes que podem ser utilizadas para personalizar os estilos da lista de opiniões:
| EstOpiniaoLinha | Linha que separa uma opinião da outra |
| EstOpiniaoNome | Nome do cliente |
| EstOpiniaoEmail | E-mail do cliente |
| EstOpiniaoLocal | Localização do cliente |
| EstOpiniaoTitulo | Título da opinião |
| EstOpiniaoTexto | Texto da opinião |
Veja exemplo dos estilos CSS para opiniões de produtos
Outros exemplos de ícones:
| NotaOn1.gif |  |
| NotaHalf1.gif |  |
| NotaOff1.gif |  |
Exemplo:
|
| NotaOn2.gif |  |
| NotaHalf2.gif |  |
| NotaOff2.gif |  |
Exemplo:
|
| NotaOn3.gif |  |
| NotaHalf3.gif |  |
| NotaOff3.gif |  |
Exemplo:
|
|
| NotaOn4.gif |  |
| NotaHalf4.gif |  |
| NotaOff4.gif |  |
Exemplo:
|
| NotaOn5.gif |  |
| NotaHalf5.gif |  |
| NotaOff5.gif |  |
Exemplo:
|
| NotaOn6.gif |  |
| NotaHalf6.gif |  |
| NotaOff6.gif |  |
Exemplo:
|
|
| NotaOn7.gif |  |
| NotaHalf7.gif |  |
| NotaOff7.gif |  |
Exemplo:
|
| NotaOn8.gif |  |
| NotaHalf8.gif |  |
| NotaOff8.gif |  |
Exemplo:
|
| NotaOn9.gif |  |
| NotaHalf9.gif |  |
| NotaOff9.gif |  |
Exemplo:
|
Para copiar, clique com o botão direito do mouse sobre cada ícone desejado
e clique em "Salvar imagem como...".
|
|
|
|
|
|
|
Arquivo: BarraLateral.htm
Esta cor de fundo é definida no arquivo LojaSite.css, nome da classe "FundoBarraDireita"
Esta busca pode ser colocada em HTML personalizado da loja, veja o código exemplo.
Este link para o chat pode ser colocado em HTML personalizado da loja, veja o código exemplo.
Este código HTML para inserir e-mail em assinantes pode ser colocada em HTML personalizado da loja, veja o código exemplo.
|
|
