Os selos podem ser utilizados para destacar alguma característica, promoção ou informação importante de um produto. No máximo quatro selos serão exibidos em um produto.
Criando selos
- Realize o login no painel administrativo da VTEX e entre no espaço destinado app
Exemplo: - Vá no módulo "Storefront" e clique na função "Headless CMS"
- Para criar uma nova home, clique em "Criar Documento" e selecione a opção "Selos no produto"
- Ao abrir a página de selos, clique no símbolo de "+" (adicionar seção) e selecione a opção "Selo no produto"
- Ao abrir a página de configurações, preencha o campo "Título" com um nome que identifique o componente, esse nome não é exibido para o usuário final do app
- No campo "Arredondado", habilite a opção caso queira alterar o formato do selo de quadrado para redondo.
- Faça o upload de uma imagem no CMS clicando em "Arraste e solte uma imagem ou clique para selecionar"
OBS: os selos possuem 28px na PDP e 24px na PLP - Após adicionar uma imagem, é necessário selecionar os produtos, categorias ou coleções que receberão aquele selo.
- No campo "ID dos produtos, coleções ou categorias" insira os IDs de referência clicando em "Novo ID" (os IDs são os mesmos da VTEX)
- Ao finalizar a criação, lembre-se de clicar em "Salvar" e depois em "Publicar" para garantir que as alterações sejam armazenadas e o conteúdo seja disponibilizado no app
Exemplo ilustrativo da aplicação de selos:
Caso fique com alguma dúvida, você pode enviar um e-mail para suporte@kobe.io.