Produto com imagem na Descrição

De Suporte
Ir para: navegação, pesquisa
Volt.png
Atenção: Os produtos do E-commerce já possuem uma galeria de imagens de fácil utilização.

A utilização desta opção somente é recomendável como um último recurso no caso de possuir alguma imagem, que necessite ser exibida com um tamanho maior do que o tamanho de exibição da visualização da galeria de imagens do produto no E-commerce.

Geralmente no caso de imagens com texto, que na visualização das imagens do produto no E-commerce o texto fique ilegível e o redimensionamento da imagem para um tamanho menor também prejudique a correta visualização da imagem.


Para incluir imagens na Descrição do produto, siga o procedimento:

Clique para ampliar

1. No campo Descrição, posicione o cursor "|" no local onde deseja inserir uma imagem.

Clique para ampliar
2. Clique no botão de Inserir/editar imagem NSP 089 19.png.
Clique para ampliar
3. Será aberta a tela Inserir/editar imagem.

Clique no botão NSP 089 15.png á direita do campo Endereço da imagem.

Clique para ampliar
4. Será aberta a tela do Responsive Filemanager.

No canto superior esquerdo, clique no botão Enviar um arquivo NSP 096.png.

Clique para ampliar
5. Será aberta a aba Base upload para transferência de arquivos para o servidor.

Clique no botão Add file(s).

Clique para ampliar
6. Procure e selecione o arquivo da imagem em seu computador, após clique em Abrir.
Clique para ampliar
7. Clique no botão Start upload para iniciar a transferência do arquivo da imagem de sua máquina para o servidor.
Clique para ampliar
8. Após terminar de transferir o arquivo da imagem de seu computador para o servidor clique em

NSP 101.png

Clique para ampliar
9. Será retornado para lista de arquivos do Responsive Filemanager.

10. Para selecionar a imagem a ser inserida na descrição do produto, clique sobre a imagem.

Clique para ampliar
11. Será retornado para a tela Inserir/editar imagem.

Note que no campo Endereço da imagem será automaticamente preenchido com o endereço da imagem no servidor e o campo Dimensões com as dimensões em pixels da imagem.

Clique em NSP 109.png.

Clique para ampliar

12. Aguarde, a imagem será inserida no local em que estava posicionado o cursor "|".

13. Termine o preenchimento dos campos da tela de inclusão de cadastro de produto.

14. Quando terminar, no final da tela clique no botão Continuar.

Clique para ampliar
15. Você será direcionado para a página de inclusão de imagens do produto que acaba de cadastrar.

16. No campo Imagem clique no botão Escolher arquivo.

17. Selecione o arquivo da imagem em seu computador.

18. Clique no botão gravar imagem.

19. Aguarde a transferência do arquivo da imagem de seu computador para o servidor.

20. Após terminar a inclusão das imagens do produto clique no botão Finalizar localizado ao final da tela.


Após a inclusão, a imagem será exibida logo abaixo com as opções:

  • Destaque: Selecione essa opção se deseja que essa seja a imagem principal de visualização do produto.
  • Remover: clique nessa opção para excluir a imagem.
Volt.png
Ferramentas pessoais
Espaços nominais

Variantes
Ações
Navegação
Ferramentas