Cores em formato de janelas
- Como inserir imagens das cores nas opções de cor de produtos - Magento 1
- Como usar os swatches (Janelas de cor nos produtos) - Magento 1
- Como usar swatches com imagens dos produtos - Magento 1
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"
- Admin: Insira a Cor (Não pode ter espaços entre as palavras. verifique antes de salvar).
- Português: Nesse campo você pode colocar novamente nome da cor.
- Posição: Por ordem numérica, você pode posicionar as cores.
- Adicionar Opção: clicando em cima você consegue adicionar mais cores.
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
-
Após abrir a imagem, envie ela para o Magento. - Imagem aparecendo aqui, verifique se estar 100x100 px.
- Como estamos no CMS criando bloco estáticos ( não precisar salvar nada, é só sair )
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”.
- Admin: Insira a Cor (Não pode ter espaços entre as palavras. Verifique antes de salvar).
- Português: Nesse campo você pode colocar novamente nome da cor.
- Posição: Por ordem numérica, você pode posicionar as cores.
- Adicionar Opção: clicando em cima você consegue adicionar mais cores.
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.