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
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.