Inicio
Documentación
Recursos
Certificaciones
Comunidad

Comunidad

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

Establecer tema - Personalizaciones generales - Mercado Pago Developers
¿Qué documentación quieres buscar?

¿No sabes cómo empezar la integración? 

Accede a los primeros pasos

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'
   }
 }
};