Ocultar elemento - Ajustes adicionales - Mercado Pago Developers

Ocultar título y banderas

Client-Side

BrickCard Payment Form
Momento de personalizaciónAl renderizar el Brick
Propiedadcustomization.hideFormTitle
TipoBoolean
ObservacionesCuando true, oculta la línea de título y las banderas aceptadas.

javascript

const settings = {
   ...,
   customization: {
       visual: {
           hideFormTitle: true
       }
   }
}

Ocultar botón de pago

Client-Side

BrickCard Payment Form
Momento de personalizaciónAl renderizar el Brick
Propiedadcustomization.visual.hidePaymentButton
TipoBoolean
ObservacionesCuando true, el botón de envío del formulario no se muestra y pasa a ser necesario usar la función getFormData para obtener los datos del formulario (ver el ejemplo a continuación).

javascript

const settings = {
    ...,
    callbacks: {
        onReady: () => {
            // callback chamado quando o Brick estiver pronto
        },
        onError: (error) => { 
            // callback chamado para todos os casos de erro do Brick
        },
    },
    customization: {
        visual: {
            hidePaymentButton: true
        }
    }
}

html

<button type="button" onclick="createPayment();">Custom Payment Button</button>

javascript

function createPayment(){
    window.cardPaymentBrickController.getFormData()
        .then((cardFormData) => {
            console.log('cardFormData received, creating payment...');
            fetch("/process_payment", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                },
                body: JSON.stringify(cardFormData),
            })
        })
        .catch((error) => {
            // tratamiento de error al intentar llamar getFormData()
        });
};
Importante
Si necesita personalizar el estilo visual de Brick además de personalizar temas y variables personalizadas, le recomendamos que no utilizar como referencia o selector el valor de las clases e ID de CSS que son enviados con los Bricks, ya que se generan automáticamente durante el proceso de build de la aplicación y cambian regularmente. Utilice la herencia de elementos HTML para acceder a lo que necesita personalizar.