Skip to main content

Módulo de Produto

É desenvolvedor? Confira esta documentação aqui.

O que é?​

O módulo de produto ou card do produto é o elemento de layout onde contém o resumo de informações sobre o produto. Esse módulo é exibido em uma prateleira de produto (carrossel) ou página de coleções de produtos.

Tipos e Configurações​

O módulo de produto possui alguns tipos distintos de exibição e configurações. Confirar abaixo os 3 tipos criados para compor o layout do e-commerce atualmente:

Módulo Padrão​



Este módulo é o principal utilizado no site. Pode ser encontrado na homepage e em páginas de coleções de produtos.

Existem algumas variações automáticas que acontecem no layout quando, ao cadastrar um produto, ele possua algumas informações, por exemplo:

  • Variação de cor, trazendo inputs de escolha de cor (6 primeiras);
  • Variação de tamanho, trazendo inputs de escolha de tamanhos;
  • Preço De > Por, exibindo tag de desconto em regulares;
  • Preço De > Por, exibindo informação de economia em kits;

Informações via Metafields​

Com os metafields no cadastro do produto é possível variar algumas informações no módulo, são elas:

  • page:tweet_description: é a descrição do produto que também é exibida no módulo além da página
  • kits:category: é a tag de categoria de aplicação exibida em módulos de kits:
    • rosto
    • corpo
    • rosto e corpo
  • Selo Promocional (metaobjeto): escolha de Selo Promocional cadastrados é exibido entre a imagem e o título, como:
    • ganhe uma necessaire
    • ganhe um antiatrito 30g
  • Lista de Tags (metaobjeto): escolha de Tag de Produto cadastrados é exibido entre a imagem e o título, e também é exibida na foto do produto da PDP, como:
    • edição limitada
    • frete grátis
    • em breve
    • 20% OFF
    • 10% OFF

Informações via Tags de Cadastro do Produto​

Com as tags no cadastro do produto é possível variar outras informações no módulo, são elas:

  • esgotado: indicação que o produto está esgotado
  • novidade: insere flag de novidade no módulo acima do título
  • sem review: indica que não há reviews no produto ocultando exibição das estrelinhas
  • tag-esgotado: insere flag de esgostado no módulo sobre a foto
  • mais vendido: insere flag de mais vendido no módulo
  • tag-lançamento: insere flag de lançamento no módulo
  • tag-frete-gratis: insere flag de frete grátis no módulo
  • tag-edicao-limitada: insere flag de edição limitada no módulo


Módulo Resumo​

Por hora, este tipo de módulo de produto está sendo utilizado apenas na página de Visitação Médica.

Seu objetivo é apenas informativo, sem botão de comprar ou redirecionamento para a página do produto.

É uma variação do módulo padrão trazendo a lista de ingredientes do produto no lugar de sua descrição e informações como valor, promoção, tags e botão.

Este módulo não exige nenhum tipo de cadastro de informações extra além das informações padrões do produto.



Módulo Slim​

Este módulo foi criado para o lançamento de Super Ativos e pode ser encontrado na Landing Page.

Esse módulo conta com algumas informações específicas deste tipo de produto (super ativos) que foram cadastradas em Produto | Conteúdo Personalizado (metaobjeto).

As informações específicas são:

  • Título personalizado
  • Imagem personalizada
  • Ícone
  • Claim
  • Ingredientes e descrição (ver mais)

Até o momento este módulo não foi utilizado em nenhum outro local ou página do e-commerce.