Propósito:

 

Alterar as configs do layout de Produto.

 

Como referência, utilize o ZeroHeight para realizar o cadastro.

 

 

Passo a Passo:

 

1. Entre no CMS que deseja fazer o cadastro das configs do Style Guide. Vá em Gerenciar > Aparência > Configurações > Core BR - White Label (/admin/appearance/settings/corebr_whitelabel);

 

2. Nos campos de ABInBev - Style Guide, clique na seta para
3.  
4. abrir um dropdown de opções. Selecione para editar "ABInBev - Internal Product Page";

 

3. Edite as seguintes informações:

 

Container Top

1. ZeroHeight

 

Na documentação da sua marca, vá em Templates > Products > Clique para inspecionar a imagem de Beer_Template_Pagina_Produto_Desktop OU NAB_Template_Pagina_Produto_Desktop.

 

 

2. Cadastro

 

• Background Colors
  • Left Side
  • Right Side

 

 

• Font Colors
  • Beer Title Color
  • Beer Description Color
  • Properties Title Color Desktop - Top
  • Properties Title Color Mobile - Top
  • Porperties Description Color - Top

 

 

 

• Navigation per Size
  • Text Color - Nav Size Desktop
  • Active Text Color - Nav Size Desktop
  • Text Color - Nav Size Mobile
  • Active Text Color - Nav Size Mobile

 

 

 

• Modal

  • Button to open modal - Text
  • Button to open modal - Style
  • Modal Background- Color
  • Internal modal button - Text
  • Internal modal button - Style
  • Modal Title - Text
  • Modal Title - Color
  • Dealer Prefix - Text
  • Dealer Prefix - Color
  • Dealer Title - Color

  

 

 

 

• Icons - Product Properties
  • IBU
    • Empty Icon - IBU
    • Filled Icon - IBU
    • Active Filled Icon - IBU
  • Body
    • Empty Icon - Body
    • Filled Icon - Body

 

 

Container Bottom

1. ZeroHeight

 

 

Na documentação da sua marca, vá em Templates > Products > Clique para inspecionar a imagem de Beer_Template_Pagina_Produto_Desktop OU NAB_Template_Pagina_Produto_Desktop.

 

 

 

2. Cadastro

 

 

• Background Images
  • Background Image - Desktop
  • Background Image - Mobile

 

 

• Font Colors

  • Properties Title Color - Bottom
  • Properties Subtitle Color - Bottom
  • Properties Description Color - Bottom
  • Properties Icon Color - Bottom

  

 

 

• Nutrients - Icons
  • Carbs
  • Calories
  • Sugar
  • Sodium