Applicare il CSS di Bootstrap al carrello di WooCommerce

In pratica sto sviluppando un custom template per un sito creato con Wordpress e WooCommerce.

Il template usa Bootstrap 5.

Sulla pagina di checkout ho usato le funzioni standardi di WooCommerce, e quindi la grafica non viene applicata a dovere.

Senza starsi totalmente ad impazzire, possiamo intanto aggiungere le classi CSS ai campi mettendo questa funzione nel functions.php:

add_filter('woocommerce_form_field_args', 'wc_form_field_args', 10, 3);

function wc_form_field_args($args, $key, $value = null) {
    switch ($args['type']) {
        case "state":
        case "select":
            $args['class'][] = 'form-group';
            $args['input_class'] = array('form-select');
            $args['label_class'] = array('form-label');
            break;
        case "country":
            $args['class'][] = 'form-group single-country';
            $args['input_class'] = array('form-select');
            $args['label_class'] = array('form-label');
            break;
        case "password":
        case "text":
        case "email":
        case "tel":
        case "textarea":
        case "number":
            $args['input_class'] = array('form-control');
            $args['label_class'] = array('form-label');
            break;
        case "radio":
        case "checkbox":
            break;
        default:
            $args['class'][] = 'form-group';
            $args['input_class'] = array('form-control');
            $args['label_class'] = array('form-label');
            break;
    }

    return $args;
}

Enjoy!