Cadastros de Separadores
Neste manual mostraremos o que são os Seperadores no Autoatendimento e como cadastra-los.
Os Separadores são um recurso disponível apenas para o Autoatendimento, funcionando como etiquetas de identificação para Grupos de Produto, conforme mostrado na imagem abaixo:
Cadastrando um Separador
Primeiramente precisamos acessar o CCM Extranet de sua loja, para isso abra o CCM Retaguarda e clique no menu Extranet.
Após realizar o login no CCM Extranet clique na aba "Cadastros" e em seguida clique no menu "Separadores".
Neste exemplo, temos três separadores cadastrados, os mesmos utilizados como exemplo no início deste manual
Vamos criar um novo separador e substituir o que está no grupo de produto Esfihas. Para isso clique no botão Adicionar Separador.
Na tela que surgir, serão apresentados dois campos, são eles:
1 - Campo "Nome":
Neste campo será adicionado o nome do separador que será exibido no Autoatendimento, este nome normalmente é um identificador dos tipos de produtos. No nosso caso será Esfihas.
2- Campo "Tipo":
Tem a função de adicionar um pequeno ícone no separador, neste campo temos duas opções, são elas:
Imagem:
Selecionando a opção 'Imagem', é possível definir uma imagem do seu dispositivo como ícone do separador.
Para adicionar a imagem basta arrastar ela para o local mostrado na imagem abaixo ou clicar sobre a opção "Clique Aqui" e localizar a imagem em seu dispositivo. Bem semelhante a como adicionamos as fotos nos produtos e adicionais.
Font Awesome CSS
Essa opção permite adicionar uma Classe que definirá o ícone do separador.
Esta classe pode ser obtida da seguinte forma, primeiramente acesse o site da Font Awesome abaixo:
Ao acessar o site, digite na barra de pesquisa o tipo de ícone que deseja encontrar. Recomendamos que você digite em inglês, pois, sendo um site sem domínio nacional, todo o seu conteúdo está em inglês.
Após pesquisar o tipo de ícone, clique sobre aquele que gostaria de utilizar.
Será aberta um tela semelhante a abaixo, a informação que precisamos seria a parte em Verde no código apresentado, copie somente a parte indicado no código, sem as aspas.
Ficará parecido com fa-solid fa-utensils.
Com a classe em mãos, volte ao cadastro de separadores e adicione o classe no campo Classe CSS. Por fim clique em Salvar.
Com isso seu separador estará criado e pronto para ser atribuído a um grupo de produtos.
Atribuindo o Separador
Apara atribuir um Separador a um grupo de produto, clique na aba Cadastro -> menu Cardápio.
Localize o grupo de produto que deseja vincular o separador, e clique no Lápis.
Este vídeo abaixo mostrar como atribuir o separador ao grupo de produto:
Separador no autoatendimento
O Separador ficará visível acima do grupo de grupo de produto que foi atribuído, como mostra a imagem abaixo:
Palavras Chaves para Font Awesome CSS:
Site altenativo para baixar Icones (Icon8):
O Icon8 é um site que contem uma variedade de ícones para serem adicionados no separadores, logo abaixo iremos lista todas categorias de ícone relacionadas ao ramo alimentício:
Dúvidas?
Ficou com alguma dúvida? Entre em contato agora mesmo pelo nosso numero abaixo ou pelo grupo de suporte no WhatsApp!
Telefone: (17) 3600-9682
E-mail: [email protected]
Last updated
Was this helpful?