How to add additional Front page widget areas in Altitude Pro

A user today contacted me asking for help on how to add Front Page 7, 8 and 9 widget areas in Altitude Pro.

This members-only tutorial provides the steps to register three additional widget areas, add Front Page 9 to the Customizer so its background can be changed and display the new widget areas on the homepage.

Tested in Altitude Pro 1.1.4.

Step 1

In functions.php replace

genesis_register_sidebar( array(
    'id'          => 'front-page-1',
    'name'        => __( 'Front Page 1', 'altitude-pro' ),
    'description' => __( 'This is the front page 1 section.', 'altitude-pro' ),
) );
genesis_register_sidebar( array(
    'id'          => 'front-page-2',
    'name'        => __( 'Front Page 2', 'altitude-pro' ),
    'description' => __( 'This is the front page 2 section.', 'altitude-pro' ),
) );
genesis_register_sidebar( array(
    'id'          => 'front-page-3',
    'name'        => __( 'Front Page 3', 'altitude-pro' ),
    'description' => __( 'This is the front page 3 section.', 'altitude-pro' ),
) );
genesis_register_sidebar( array(
    'id'          => 'front-page-4',
    'name'        => __( 'Front Page 4', 'altitude-pro' ),
    'description' => __( 'This is the front page 4 section.', 'altitude-pro' ),
) );
genesis_register_sidebar( array(
    'id'          => 'front-page-5',
    'name'        => __( 'Front Page 5', 'altitude-pro' ),
    'description' => __( 'This is the front page 5 section.', 'altitude-pro' ),
) );
genesis_register_sidebar( array(
    'id'          => 'front-page-6',
    'name'        => __( 'Front Page 6', 'altitude-pro' ),
    'description' => __( 'This is the front page 6 section.', 'altitude-pro' ),
) );
genesis_register_sidebar( array(
    'id'          => 'front-page-7',
    'name'        => __( 'Front Page 7', 'altitude-pro' ),
    'description' => __( 'This is the front page 7 section.', 'altitude-pro' ),
) );

with