Para inserir cores nas opções personalizadas

Exemplo:



**Primeiramente é necessário que o cliente nos encaminhe as cores com dimensões aproximadas entre 26x26 ou 28x28 31x31, e que estas imagens seu fundo seja transparente.


Exemplo de imagem: 


Sendo encaminhada as imagens elas serão subidas a plataforma pelo nosso suporte técnico



Configurações


No painel ir em: Sistema - Configurações - Geral  HK Optionswatches Settings



Para habilitar as cores na listagem de produtos (cuidado se habilitar para exibir na listagem - pode haver quebra de layout), e ou na página de produtos




Para preencher o campo: Custom Option Swatches






Em Custom Option Swatches iremos inserir o mesmo texto que inserimos nas opções personalizadas, com o mesmo nome do título e da cor 


**** Em tipo de campo - setar a opção: Combobox



***Lembrando que estes campos abaixo irão variar de acordo com cada site ou necessidade do lojista.


Quanto ao nome e extensão do arquivo encaminhado precisa ser preenchido igual veio no arquivo que foi encaminhado, ou seja, se tiver maiúsculo no Hk também deve estar maiúsculo, não ter espaço (substituir por _ ) e nem conter caracteres especiais.


Veja como fica preenchido no Módulo do HK



Escolha a cor do produto : Amarelo Claro = amarelo_claro.svg





**Este procedimento precisa ser feito para cada cor e  variação - (opção personalizada que for exibir as cores), sempre obedecendo estes critérios de respeitar o título da opção personalizada, a cor e o nome e formato do arquivo da cor.


Veja mais exemplos:


Na opção personalizada


Vamos usar como exemplo:


Título: 3º Passo - Escolha a cor do nome/sobrenome    cor: Azul Claro




Arquivo da imagem


azul_claro.svg



No módulo do Hk


Vai inserir as informações de acordo com o preenchido nas opções personalizadas (titulo, cores) e nome e o formato do arquivo enviado


Vai informar o nome da opção personalizada ( obedecer espaços e letrar maiusculas e caracteres especiais) : nome da cor =  nome do arquivo.formato

3º Passo - Escolha a cor do nome/sobrenome : Azul Claro = azul_claro.svg






No front-end





Após o procedimento, para que seja refletida as alterações na plataforma, pode ser que seja necessário o gerenciamento de cache em: Sistema - Gerenciar Cache.