Neste tutorial você cadastra um produto com variações de duas cores, por exemplo uma mochila Preto com Vermelho ou Prata com Laranja.
O cadastro é feito no painel. Nas lojas com o tema padrão, as variações de duas cores aparecem como uma bolinha dividida ao meio, com as duas cores.
Antes de começar: produto que já tem variações
Atenção: alterar a grade de um produto já cadastrado (por exemplo, trocar, incluir ou remover tamanho ou cor) faz o painel recriar as variações, e elas ficam sem estoque. Se o produto já está à venda com variações, depois de mexer na grade confira e preencha de novo o estoque de cada variação antes de salvar. Se o produto tem muitas variações, abra um ticket antes de alterar.
O ideal é montar as grades de cor no cadastro do produto novo, antes de preencher o estoque.
Passo a passo
- No painel, acesse Produtos > Todos os produtos e abra o produto. Para um produto novo, use Produtos > Adicionar produto.
- Desça até a seção Variações e clique em Adicionar grade.
- Em Nome da grade, digite Cor e escolha Cor primária na lista que aparece.
- Em Valor da opção, abra o seletor de cores e clique em uma das cores prontas, escolha a cor com o mouse ou digite o código da cor (por exemplo, #ff5900).
- No campo logo abaixo, escreva o nome da cor (por exemplo, Laranja) e clique no +. Repita para cada cor. No nosso exemplo: Preto, Prata e Laranja.
- Clique de novo em Adicionar grade, digite Cor e escolha Cor secundária.
- Cadastre as cores da segunda parte do produto do mesmo jeito. No exemplo: Vermelho e Laranja.
- O painel monta sozinho todas as combinações das duas grades:
- Desmarque as combinações que você não vende. No exemplo, ficaram marcadas só Preto com Vermelho, Prata com Laranja e Laranja com Laranja:
- Em cada combinação marcada, clique em Editar variação e preencha a Quantidade em estoque. Se quiser, preencha também o código de referência (SKU), o Preço de venda e a foto da variação.
- Clique em Salvar produto.
Ordem das cores
As cores aparecem na ordem em que foram cadastradas nas variações (vale a primeira vez que cada cor aparece na lista). Cadastre as cores na ordem em que você quer que o cliente veja.
Nome que o cliente vê
As grades Cor primária e Cor secundária são gravadas juntas como uma única grade de cores, e o cliente vê o nome dessa grade na página do produto (por exemplo, Cores). Para trocar esse nome, acesse Produtos > Grades, abra a grade de código colors, altere o Nome da grade e clique em Salvar grade. Isso muda só o nome exibido e não mexe nas variações dos produtos.
Se a mudança não aparecer na loja em alguns minutos, veja Alterei banner, menu ou produto e o site não mudou.
Se as variações não aparecerem na loja ou o estoque sumir depois de salvar, abra um ticket informando o link do produto, quais variações estão com problema e o que foi alterado na grade.
