Cores em formato de janelas

Como inserir imagens das cores nas opções de cor de produtos - Magento 1

Swatches

Esse atributo é bastante usados nas lojas virtuais,  como na imagem abaixo, mostrando como vai ficar as cores no produto.

Abaixo temos uma foto de exemplo demonstrando qual seria o resultado dessa configuração: 

Atributos 

Primeiramente, vamos em...

Catálogo > Gerenciar Atributos > Atributos 

Aqui usaremos o filtro da coluna de Legenda, preencha este campo com o atributo que estamos buscando, neste caso o atributo de "cor". Após preencher, vamos clicar em Filtrar, e então poderemos encontrar e selecionar o atributo de cor.

Cor > Gerenciar Descrição/Opções 

Editar Atributos "Cor" 

Finalizando aqui, vamos para próxima etapa.

Blocos Estáticos 

CMS > Blocos Estáticos > Criar Bloco > Insert Imagens 

No Bloco Estático, vamos clicar em Insert Image para inserir a nossa imagem.

Você precisar procurar a pasta,  Swatches. 

Armazenamento > Criar Pasta > Swatches

Lembre sempre de salva das imagens com o nome da cor igual da imagem abaixo. 

Imagem precisar ser 100x100px.png

Gerenciamento de Cache

Sistema > Cache > Liberar Cache Swatches 

Em seguida, atualize o Cache 

Finalizando, é só cadastra o produto, com a cor que você quer.

( Se essa documentação não ajudou, click aqui do lado>Swatches< e assista o vídeo ) 

Qualquer dúvida, entre em contato com o suporte em  web@tryideas.com.br

 

 

 

 

 

Como usar os swatches (Janelas de cor nos produtos) - Magento 1

No vídeo abaixo ensinamos a cadastrar as imagens para que as opções de cor nos produtos exibam as cores e não os nomes das cores.

Caso prefira, abaixo temos a descrição em texto do material apresentado no vídeo.

 

Para colocar a imagem da cor nas opções de cor do produto, você precisa verificar os nomes das opções de cores nos atributos primeiramente, e então inserir imagens PNG com o mesmo nome da opção de cor.

Acesse Catálogo > Atributos > Atributos

Procure pelo atributo Cor e clique nele para abrir a janela de edição. Em seguida clique em Gerenciar Descrição/Opções.

Verifique os nomes das opções com atenção, para utilizar exatamente os mesmos nomes do campo Admin e nomear as imagens em PNG das cores.

Em seguida acesse CMS > Blocos Estáticos > Criar Bloco. Clique em Insert Image...

Não é necessário preencher nenhuma informação no bloco, apenas utilizamos para ter o acesso à janela de inserção de imagens, assim que terminar de inserir pode sair do bloco sem salvar.

Acesse a pasta swatches, crie uma se não existir dentro da pasta Armazenamento

Agora basta inserir as imagens em PNG com os mesmos nomes das opções de cor, que irão aparecer as imagens nas opções de cor ao invés do nome.

Qualquer dúvida, entre em contato com o suporte em web@tryideas.com.br ou através do chat de suporte no horário de atendimento.

Como usar swatches com imagens dos produtos - Magento 1

Há duas opções de usar o Swatches no Magento 1 Janelas em Cores e Imagens do produto.

Atributos 

Primeiro Passo

Em seu painel admin, acesse: Catálogo > Atributos > Atributos

Acesse o atributo: Cor > Gerenciar Descrição/Opções 

Editar Atributos “Cor”. 

Segundo Passo:

Em seu painel admin Magento Mageshop, acesse: Catálogo > Produtos 

Na aba Imagens > Descrição, descreva o nome da cor que representa o atributo Cor, como no exemplo abaixo:

Terceiro Passo:

Gerenciamento de Cache

Sistema > Cache > Liberar Cache Swatches 

Em seguida, atualize o Cache : Marcar Todos > ações = atualizar > Enviar 

Opcional:

Gostaria de aumentar o tamanho das imagens do Swatches?

Acesse: Sistema > Configuração > Catálogo > Configurar Swatches > Swatches Dimensão na Pagina de Detalhes do Produto

As dimensões são em Píxel preencha altura e largura, em seguida, Salve.

Gerenciamento de Cache

Sistema > Cache > Liberar Cache Swatches 

Em seguida, atualize o Cache : Marcar Todos > ações = atualizar > Enviar 

 

Se tiver dúvida, entre em contato com o suporte em web@tryideas.com.br ou através do chat de suporte no horário de atendimento.

Qualquer dúvida, entre em contato com o suporte em web@tryideas.com.br ou através do chat de suporte no horário de atendimento.Qualquer dúvida, entre em contato com o suporte em web@tryideas.com.br ou através do chat de suporte no horário de atendimento.Qualquer dúvida, entre em contato com o suporte em web@tryideas.com.br ou através do chat de suporte no horário de atendimento.Qualquer dúvida, entre em contato com o suporte em web@tryideas.com.br ou através do chat de suporte no horário de atendimento.Qualquer dúvida, entre em contato com o suporte em web@tryideas.com.br ou através do chat de suporte no horário de atendimento.