# learnpress/4.1.7/templates/single-course/content-item/popup-header.php

LearnPress – WordPress LMS Plugin for Create and Sell Online Courses, version 4.1.7. 50 lines.

- Page: https://pluginprobe.com/plugins/learnpress/4.1.7/code/templates/single-course/content-item/popup-header.php
- Raw: https://pluginprobe.com/plugins/learnpress/4.1.7/raw/templates/single-course/content-item/popup-header.php
- Modified: 2022-09-13T03:07:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/learnpress/4.1.7/code/templates/single-course/content-item/popup-header.php#L10-L20`.

```php
<?php
/**
 * Template for displaying header of single course popup.
 *
 * This template can be overridden by copying it to yourtheme/learnpress/single-course/header.php.
 *
 * @author   ThimPress
 * @package  Learnpress/Templates
 * @version  4.0.3
 */

defined( 'ABSPATH' ) || exit();

if ( ! isset( $course ) || ! isset( $user ) || ! isset( $percentage ) ||
	! isset( $completed_items ) || ! isset( $total_items ) ) {
	return;
}
?>

<div id="popup-header">
	<div class="popup-header__inner">
		<h2 class="course-title">
			<a href="<?php echo esc_url_raw( $course->get_permalink() ); ?>"><?php echo wp_kses_post( $course->get_title() ); ?></a>
		</h2>

		<?php if ( $user->has_enrolled_or_finished( $course->get_id() ) ) : ?>
			<div class="items-progress" data-total-items="<?php echo esc_attr( $total_items ); ?>">
				<span class="number">
					<?php
					echo
						wp_sprintf(
							__(
								'<span class="items-completed">%1$s</span> of %2$d items',
								'learnpress'
							),
							esc_html( $completed_items ),
							esc_html( $course->count_items() )
						);
					?>
				</span>
				<div class="learn-press-progress">
					<div class="learn-press-progress__active" data-value="<?php echo esc_attr( $percentage ); ?>%;">
					</div>
				</div>
			</div>
		<?php endif; ?>
	</div>
	<a href="<?php echo esc_url_raw( $course->get_permalink() ); ?>" class="back-course"><i class="fa fa-times"></i></a>
</div>

```