Lesson navigation

[Mike]

Hi, I’d like to have, at the bottom of each lesson, the next/previous lesson navigation arrows. My hope is that this will make the courses slightly more intuitive to navigate – especially after clicking the “Complete lesson” button.

However, I can’t see which template to edit to make that happen. Could you point me in the right direction?

Also, while I have you, in the user’s course page, they can click on a course to enter it. But, they either need to click on the course title or on the ‘play’ button in the middle of the course featured image. I’d like to make the entire image clickable – how would I do that?

Finally, I’d like to remove the author’s avatar from that same area.

Thanks for your help!

Mike

[Anonymous]

Hi @familybudgeting, to make these changes you will have to copy the ‘boss-learndash’ folder under ‘templates’ folder of the plugin ‘Boss-Learndash’ and paste it to child theme (social-learner).

After that edit the file ‘lesson.php’
social-learner/boss-learndash/learndash/lesson.php

Paste this code where you want the next/previous lesson navigation arrows

<div id='post-entries'>
        <div class="nav-prev">
            <?php echo learndash_previous_post_link(); ?>
        </div>
        <div class="nav-next">
            <?php echo learndash_next_post_link(); ?>
        </div>
    </div>

Regards
Pallavi

[Mike]

Thanks Pallavi. Could you re-issue the instructions for the Sensei version? (Sorry I didn’t make it clear which I was using.)

Also, there were two subsequent questions in the original post.

Cheers,

Mike

[Anonymous]

Hi @familybudgeting, For Sensei…create a folder ‘sensei’ in your child theme and copy the ‘content-single-lesson.php’ file under ‘templates’ folder of the plugin ‘Boss-Sensei’ and paste it into the sensei folder you created in your child theme.

And paste this code where you want to show pre/next arrows

<?php do_action('sensei_pagination'); ?>

To make the entire image clickable I will need sometimes to check it with developers.

And to remove the author’s avatar from that same area.

Please add these CSS codes in your custom css:

.course-overlay img {
    display: none !important;
}

Regards
Pallavi

[Mike]

Thanks Pallavi, it works as desired now.

For anyone else who is interested, I just plonked the code at the very bottom of content-single-course.php and the navigation appeared at the bottom of each lesson.

Pallavi, any word on making the entire image clickable when viewing your courses?

Thanks,

Mike

[Anonymous]

Hi @familybudgeting, Please add these CSS codes in your custom css to make the entire image clickable.

.course-overlay .play i {
    padding: 60% !important;
    margin-top: -60% !important;
    margin-left: -60% !important;
}

[Mike]

Thanks Pallavi.

For anyone else interested in this subject, I used the code above but changed the figures to 100%.

Cheers,

Mike

[Anonymous]

Thanks @familybudgeting, i will close this topic for now.
Regards
Varun Dubey