Variantes em Swatches
Por padrão, todos os produtos do CartPanda que possuem variantes aparecem com uma lista suspensa para a seleção, sendo necessário mais de um clique para escolher a variante desejada.
Através da edição dos temas do CartPanda, é possível alterar esta exibição e transformá-la em Swatches, com botões separados e personalizáveis, como no exemplo abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/novo_189vnju.jpg)
Para ativar esta configuração, a primeira etapa é acessar Temas e clicar em Personalizar no tema publicado.
| TEMA LIFT: acesse produto padrão> página de produto> opções de Swatch> cor do produto
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/lift_xm0bgl.jpg)
| TEMA ROCKET: acesse produto padrão> configurações> produto> swatch> ícones de cores
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/rocket-certo_1isgcwu.jpg)
| TEMA BLITZ: acesse produto padrão> configurações> página de produto> opções de swatch> cor do produto
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/blitz-certo_xyloby.jpg)
| TEMA VOID: acesse produto padrão> Configurações > Cores de produtos e texturas.
O nome e código que inserir vai corresponder ao que vai aparecer na página do produto
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/void_182je2e.jpg)
O CartPanda reconhece cores padrões como vermelho, preto, branco, entre outras. Porém, caso seu produto tenha cores diferentes como onça, âmbar, é possível configurar manualmente as opções.
Para isso, acesse a página do produto desejado e clique para editar as variantes.
O CartPanda identifica quando seu produto possui uma variante chamada Cor ou algo relacionado, acrescentando automaticamente dois campos para a edição das cores, como na imagem abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/screenshot3_1xatdlc.jpg)
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/nova-1_v2ofwm.jpg)
Basta acrescentar o código hexadecimal da cor desejada ou escolher através do seletor disponível.
São permitidas até duas cores por variante, como o caso de sapatos que possuem variantes preto e vermelho e preto e azul.
Através da edição dos temas do CartPanda, é possível alterar esta exibição e transformá-la em Swatches, com botões separados e personalizáveis, como no exemplo abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/novo_189vnju.jpg)
Configurando botões Swatches - tutorial em vídeo
Configurando botões Swatches - tutorial detalhado
Para ativar esta configuração, a primeira etapa é acessar Temas e clicar em Personalizar no tema publicado.
| TEMA LIFT: acesse produto padrão> página de produto> opções de Swatch> cor do produto
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/lift_xm0bgl.jpg)
| TEMA ROCKET: acesse produto padrão> configurações> produto> swatch> ícones de cores
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/rocket-certo_1isgcwu.jpg)
| TEMA BLITZ: acesse produto padrão> configurações> página de produto> opções de swatch> cor do produto
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/blitz-certo_xyloby.jpg)
| TEMA VOID: acesse produto padrão> Configurações > Cores de produtos e texturas.
O nome e código que inserir vai corresponder ao que vai aparecer na página do produto
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/void_182je2e.jpg)
Personalizando as cores
O CartPanda reconhece cores padrões como vermelho, preto, branco, entre outras. Porém, caso seu produto tenha cores diferentes como onça, âmbar, é possível configurar manualmente as opções.
Para isso, acesse a página do produto desejado e clique para editar as variantes.
O CartPanda identifica quando seu produto possui uma variante chamada Cor ou algo relacionado, acrescentando automaticamente dois campos para a edição das cores, como na imagem abaixo:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/screenshot3_1xatdlc.jpg)
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/nova-1_v2ofwm.jpg)
Basta acrescentar o código hexadecimal da cor desejada ou escolher através do seletor disponível.
São permitidas até duas cores por variante, como o caso de sapatos que possuem variantes preto e vermelho e preto e azul.
Atualizado em: 19/01/2023
Obrigado!