diff --git a/assets/src/scss/frontend/learning-area/_lesson-content.scss b/assets/src/scss/frontend/learning-area/_lesson-content.scss index 6c34344d1a..55f877b3a9 100644 --- a/assets/src/scss/frontend/learning-area/_lesson-content.scss +++ b/assets/src/scss/frontend/learning-area/_lesson-content.scss @@ -107,6 +107,21 @@ } } + .tutor-lesson-image-wrapper { + @include tutor-flex-center(); + aspect-ratio: 16 / 9; + height: 100%; + + .tutor-lesson-feature-image { + display: block; + width: auto; + height: auto; + max-height: 100%; + max-width: 100%; + margin: 0 auto; + } + } + @include tutor-breakpoint-up(sm) { margin-top: $tutor-spacing-4; @@ -124,7 +139,7 @@ .tutor-lesson-content-tab { padding-inline: $tutor-spacing-6; - .tutor-lesson-video-wrapper { + .tutor-lesson-video-wrapper, .tutor-lesson-image-wrapper { margin-inline: -$tutor-spacing-6; margin-bottom: $tutor-spacing-6; } diff --git a/templates/learning-area/lesson/content.php b/templates/learning-area/lesson/content.php index fb45c69346..6572ca4add 100644 --- a/templates/learning-area/lesson/content.php +++ b/templates/learning-area/lesson/content.php @@ -43,6 +43,9 @@ $source_key = is_object( $video_info ) && 'html5' !== $video_info->source ? 'source_' . $video_info->source : null; $has_source = ( is_object( $video_info ) && $video_info->source_video_id ) || ( isset( $source_key ) ? $video_info->$source_key : null ); +$feature_image = get_post_meta( get_the_ID(), '_thumbnail_id', true ); +$feature_url = $feature_image ? wp_get_attachment_url( $feature_image ) : null; + ?>
@@ -70,6 +73,10 @@ class="tutor-lesson-content-tab"
+ +
+ <?php echo esc_attr( get_the_title( $lesson->ID ) ); ?> +
1 ) : ?>