Inicio
Documentação
Recursos
Parcerias
Comunidade

Recursos

Confira as atualizações das nossas soluções e do funcionamento do sistema ou peça suporte técnico.

Parcerias

Conheça nosso programa para agências ou desenvolvedores que oferecem serviços de integração e vendedores que desejam contratá-los.

Comunidade

Fique por dentro das últimas novidades, peça ajuda a outros integradores e compartilhe seu conhecimento.

Definir tema - Customizações gerais - Mercado Pago Developers

Busca inteligente powered by OpenAI 

Definir tema

Client-Side

Por padrão, o Checkout Bricks é instanciado/renderizado com o tema padrão. Contudo, é possível selecionar outro tema definindo o parâmetro "theme" ao instanciar a classe Bricks.

Javascript

const bricks = mp.bricks({ theme: 'dark' });

Se você definir o tema na instanciação da classe Bricks, a alteração do tema será aplicada em todos os Bricks que porventura forem instanciados. Por outro lado, se o tema for definido na renderização do Brick, as mudanças no tema serão refletidas somente no Brick que estiver sendo criado conforme o JavaScript mostrado abaixo.

          
const settings = {
    ...,
    customization: {
        visual: {
            style: {
                theme: 'dark' | 'default' | 'bootstrap' | 'flat'
           }
        }
    }    
}

        
          
const customization = {
 visual: {
   style: {
     theme: 'dark' | 'default' | 'bootstrap' | 'flat'
   }
 }
};