web analytics

Si desea agregar íconos personalizados en la pasarela de pago de WooCommerce , puedes usar el código y el video que te dejo a continuación.

Los íconos personalizados en la pasarela de pago son importantes ya que te ayudan a generar confianza y a identificar a la empresa con la cual se gestionara el pago en linea.

Hoy en día las personas se vuelven más cuidadosas cuando se trata de realizar compras en línea. Esto significa que debe usar imágenes con las que los usuarios estén familiarizados para establecer una presentación más confiable y confiable, atrayendo la atención de los visitantes primerizos.

Asi que empecemos…

Código Primera Parte

//*****************************CODIGO IMAGEN A LADO DEL CHECKOUT*****************

//agregamos la columna ID
add_filter( 'woocommerce_payment_gateways_setting_columns', 'rudr_add_payment_method_column' );

function rudr_add_payment_method_column( $default_columns ) {

	$default_columns = array_slice( $default_columns, 0, 2 ) + array( 'id' => 'ID' ) + array_slice( $default_columns, 2, 3 );
	return $default_columns;

}

// woocommerce_payment_gateways_setting_column_{COLUMN ID}
add_action( 'woocommerce_payment_gateways_setting_column_id', 'rudr_populate_gateway_column' );

function rudr_populate_gateway_column( $gateway ) {

	echo '<td style="width:10%">' . $gateway->id . '</td>';

}
//*********

Código Parte 2

//***agegamos el icono
add_filter( 'woocommerce_gateway_icon', 'custom_payment_gateway_icons', 10, 2 );
function custom_payment_gateway_icons( $icon, $gateway_id ){

    foreach( WC()->payment_gateways->get_available_payment_gateways() as $gateway )
        if( $gateway->id == $gateway_id ){
            $title = $gateway->get_title();
            break;
        }

    // La ubicacion de la carpeta
    //$path = get_stylesheet_directory_uri(). 'wp-content/uploads';

    // Setting (or not) a custom icon to the payment IDs
    if($gateway_id == 'bacs')
        $icon = '<img src="' . WC_HTTPS::force_https_url( "https://www.tudominio/urldetuimagen.png" ) . '" alt="' . esc_attr( $title ) . '" />';
    elseif( $gateway_id == 'bank_transfer_1' )
        $icon = '<img src="' . WC_HTTPS::force_https_url( "https://www.tudominio/urldetuimagen.png" ) . '" alt="' . esc_attr( $title ) . '" />';
    elseif( $gateway_id == 'sumup' )
        $icon = '<img src="' . WC_HTTPS::force_https_url( "https://www.tudominio/urldetuimagen.png" ) . '" alt="' . esc_attr( $title ) . '" />';
    elseif( $gateway_id == 'ppec_paypal' || 'paypal' )
        return $icon;

    return $icon;
}
//*****************************

Video Explicativo