Inicio
Documentación
Recursos
Certificaciones
Comunidad

Recursos

Revisa las actualizaciones de nuestras soluciones y operatividad del sistema o pide soporte técnico.

Comunidad

Recibe las últimas novedades, pide ayuda a otros integradores y comparte tus conocimientos.

Establecer tema - Personalizaciones generales - Mercado Pago Developers

Búsqueda inteligente powered by OpenAI 

Establecer tema

Client-Side

De forma predeterminada, Checkout Bricks se instancia/renderiza con el tema predeterminado. Sin embargo, es posible seleccionar otro tema configurando el parámetro "theme" al instanciar/renderizar el Brick.

javascript

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

Si estableces el tema en la creación de instancias de la clase Bricks, el cambio de tema se aplicará a todos los Bricks que se puedan instanciar. Por otro lado, si el tema está configurado en el renderización del Brick, los cambios en el tema solo se reflejarán en el Brick que se está creando así como el JavaScript que se muestra a continuación.

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

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