- <div class="customize-themes-panel control-panel-content themes-php">
- <h2>
- <?php _e( 'Themes' ); ?>
- <span class="title-count theme-count"><?php echo count( $this->controls ) + 1 /* Active theme */; ?></span>
- </h2>
-
- <h3 class="accordion-section-title customize-section-title">
- <?php
- if ( $this->manager->is_theme_active() ) {
- /* translators: %s: theme name */
- printf( __( '<span>Active theme</span> %s' ), $this->title );
- } else {
- /* translators: %s: theme name */
- printf( __( '<span>Previewing theme</span> %s' ), $this->title );
- }
- ?>
- <button type="button" class="button customize-theme"><?php _e( 'Customize' ); ?></button>
- </h3>
-
- <div class="theme-overlay" tabindex="0" role="dialog" aria-label="<?php esc_attr_e( 'Theme Details' ); ?>"></div>
-
- <div id="customize-container"></div>
- <?php if ( count( $this->controls ) > 4 ) : ?>
- <p><label for="themes-filter">
- <span class="screen-reader-text"><?php _e( 'Search installed themes...' ); ?></span>
- <input type="text" id="themes-filter" placeholder="<?php esc_attr_e( 'Search installed themes...' ); ?>" />
- </label></p>
- <?php endif; ?>
- <div class="theme-browser rendered">
- <ul class="themes accordion-section-content">
- </ul>
- </div>
- </div>
+ <ul class="accordion-section-content">
+ <li class="customize-section-description-container">
+ <div class="customize-section-title">
+ <button class="customize-section-back" tabindex="-1">
+ <span class="screen-reader-text"><?php _e( 'Back' ); ?></span>
+ </button>
+ <h3>
+ <span class="customize-action">
+ {{{ data.customizeAction }}}
+ </span>
+ {{ data.title }}
+ </h3>
+ </div>
+ <# if ( data.description ) { #>
+ <div class="description customize-section-description">
+ {{{ data.description }}}
+ </div>
+ <# } #>
+ </li>
+ </ul>