Ocultar elemento - Ajustes adicionales - Mercado Pago Developers

Ocultar título

Client-Side

-Brick
Momento de personalizaciónAl renderizar el Brick
Propiedadcustomization.hideFormTitle
TipoBoolean
ObservacionesCuando true, oculta la línea de título.

javascript

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

Ocultar botón de pago

Client-Side

-Brick
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.paymentBrickController.getFormData()
        .then(({ paymentType, formData }) => {
            console.log('formData received, creating payment...');
            if (paymentType === 'credit_card' || paymentType === 'debit_card') {
                fetch("/process_payment", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(formData),
                })
            }
        })
        .catch((error) => {
            // manejo de errores al llamargetFormData()
        });
};

Ocultar panel de Cuenta de Mercado Pago

Client-Side

-Brick
Momento de personalizaciónAl renderizar el Brick
Propiedadcustomization.visual.hideRedirectionPanel
TipoBoolean
ObservacionesCuando true, oculta dentro de la opción de pago con la Billetera de Mercado Pago, el panel de redirección al sitio web de Mercado Pago.

javascript

const settings = {
   ...,
   customization: {
       visual: {
           hideRedirectionPanel: true
       }
   }
}
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.