woocommerce custom checkout page template code example

Example 1: which is the main template in woocommerce checkout

wp-content/plugins/woocommerce/templates/checkout/form-checkout. php is the main file. It's recommended that you copy the template folder It's recommended to copy over the template folder with the files you wish to change from the woocommerce plugin directory.

Example 2: woocommerce checkout page customization

add_action( 'wp_enqueue_scripts', 'quadlayers_enqueue_css' );

function quadlayers_enqueue_css(){    
    wp_enqueue_style(  'checkout_style',
        get_stylesheet_directory_uri() . '/checkout-style.css'
    );
}