Uoou Solutions - Documentação

UoouCommerce

Veja aqui dicas e tutoriais de como utilizar o sistema

  1. Início
  2. UoouCommerce
  3. Perguntas Frequentes
  4. Como cadastrar imagens para uma variação?

Como cadastrar imagens para uma variação?

Neste tutorial você irá aprender como cadastrar imagens para uma variação, por exemplo, quando o cliente clicar na cor Vermelha, deve-se carregar as imagens da cor Vermelha, já quando o visitante clicar na cor Azul, deve-se carregar as imagens da cor Azul.

 

Pré-requisitos para esse tutorial:

  • Deverão estar pré-cadastradas opções do produto no Painel Administrativo (Opções são as formas de variação de um produto, Ex.: Cor, Tamanho, Voltagem, etc.)
  • O produto em questão deverá estar vinculado com as respectivas opções (Ex.: Vinculado as opções de Cor e Tamanho, ou somente uma delas)

 

Passo a passo:

  1. Primeiro, deve-se configurar para que a opção que deseja-se alterar as imagens (Ex.: Opção de Cor) está corretamente configurada, para isso, deve-se ir no menu Produtos > “Gerenciar opções”
    cadastrar-imagens-variacao-1
  2. Depois deve-se editar a opção que deseja-se alterar as imagens quando clicar no produto (Ex.: Cor) e alterar a configuração “Alterar a imagem do produto por esta opção” para “Sim”:Captura de Tela 2017-09-12 às 08.24.50
  3. Feito isso, agora é possível ir no produto para cadastrar as imagens desejadas (Aparecerá uma coluna chamada “Opções”, onde é possível selecionar as imagens as respectivas cores).
    Para ir no produto vá no menu “Produtos” na Área Administrativa, e clique em “Gerenciador de imagens” do produto desejado:Captura de Tela 2017-09-12 às 08.29.09
  4. No exemplo acima foi configurada uma imagem principal, deixando-se a caixa de opções como “Selecione”, que será a imagem que é exibida para os visitantes nas listagens do produto.
    E foram cadastradas 3 imagens uma para cor do produto.
  5. Pronto! Agora na página de detalhes do produto, ao clicar na cor Verde será carregada a imagem verde e ao clicar na cor Vermelha será carregada a imagem vermelha:
    Captura de Tela 2017-09-12 às 08.32.32

 

Dica importante:

 

Por padrão, as caixas de cores (lateral direita da imagem acima) não ficam com as imagens da variação, elas pegarão as configurações que estão cadastradas no menu “Gerenciar opções” ou na aba “Cores” do Produtos.

Para configurar de modo que as opções configuradas no Gerenciador de imagens apareçam automaticamente nos quadrados acima, deve-se ir no menu “Configuração” > “Configurações gerais” > (Escolher um canal, caso tenha mais de um), ir na aba “Produto – Página de Detalhes” e habilitar a opção “Habilitar exibição das imagens da variação nas caixas de cor?”.

Captura de Tela 2017-09-12 às 08.36.21

 

 


Este artigo foi útil para você? Sim Não