Custom Page Template for Easy Digital Downloads Checkout

This tutorial goes over how to create a custom template for the checkout page.

Notes from the Video

1. In this video tutorial, I created a quick page template for the checkout pages. Using Bootstrap classes, I offset the column to be centered. My checkout page template markup looks like the following:
   PHP

   <?php /** * The template for checkout. * Template Name: Checkout * * This is the template that displays all pages by default. * Please note that this is the WordPress construct of pages * and that other 'pages' on your WordPress site will use a * different template. * * @package bootstrapwp */ get_header(); ?> <div class="container"> <div class="row"> <div id="primary" class="col-lg-8 col-md-offset-2"> <main id="main" class="site-main" role="main"> <?php while ( have_posts() ) : the_post(); ?> <?php get_template_part( 'content', 'page' ); ?> <?php // If comments are open or we have at least one comment, load up the comment template if ( comments_open() || '0' != get_comments_number() ) : comments_template(); endif; ?> <?php endwhile; // end of the loop. ?> </main><!-- #main --> </div><!-- #primary --> </div><!-- .row --> </div><!-- .container--> <?php get_footer(); ?>

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

   <?php /** * The template for checkout. * Template Name: Checkout * * This is the template that displays all pages by default. * Please note that this is the WordPress construct of pages * and that other 'pages' on your WordPress site will use a * different template. * * @package bootstrapwp */   get_header(); ?>   <div class="container"> <div class="row"> <div id="primary" class="col-lg-8 col-md-offset-2"> <main id="main" class="site-main" role="main">   <?php while ( have_posts() ) : the_post(); ?>   <?php get_template_part( 'content', 'page' ); ?>   <?php // If comments are open or we have at least one comment, load up the comment template if ( comments_open() || '0' != get_comments_number() ) : comments_template(); endif; ?>   <?php endwhile; // end of the loop. ?>   </main><!-- #main --> </div><!-- #primary --> </div><!-- .row --> </div><!-- .container-->   <?php get_footer(); ?>

2. The Bootstrap documentation for offsetting columns can be found here.