course organization

[diego]

Hi guys! It's me again. I 'd like to know how to reorganize the course page, defining the place of elements such as course content or course reviews after or before others. Please refer this video: https://www.loom.com/share/c7c6d2f36dff4f88a633923263c6e03a Thanks!

[Veronica]

hi, thanks for the video. it's helpful! the only option available right now is course layout. you can change course layout by going wp-admin>>wplms>>course manager>>course directory.

[diego]

Thanks for your reply, Veronica. What about reorganizing code? Do you think it is possible? It is very annoying the in mobile version, the "take this course" button, is placed at the end.

[Jackson]

hello, enable the switch WP Admin - WPLMS - Course manager - Tab style course layout

This will look like this in mobile: http://prntscr.com/osguxt

[Jackson]

hello, enable the switch WP Admin - WPLMS - Course manager - Tab style course layout

This will look like this in mobile: http://prntscr.com/osguxt

[diego]

Thanks for your tim Jackson. Sadly that switch didn't do anything. Can you give me another option?

[Jackson]

Mate,

for extra buttons- There are two solutions to this:

Using Code:

Yes, I can share the code with you. After that, you can show the button wherever you want in mobile view because I will trigger the code at a particular action(point). either I can show a button which will be a duplicate of the original button and the original button will not be removed. So you'll see two buttons. both the buttons will appear in the frontend and is visible to users as well.

This will show the course button above the course description.

add_action('wplms_before_course_description', 'show_the_course_button');

function show_the_course_button(){

echo the_course_button();

}

If you want to show the button below the course description then use this code

add_action('wplms_after_course_description', 'show_the_course_button');

function show_the_course_button(){

echo the_course_button();

}

Paste the code in wp-admin > Plugins > Editor > Select WPLMS Customizer Plugin > wplms-customizer.php

Another Alternative:

Refer: https://wplms.io/support/knowledge-base/tabs-style-in-course-menu-with-custom-sections/

So users need not scroll for any content in mobile view because it gives a tab style layout

*we can try hiding another button in desktop mode by using custom css.

Add this code into your wp-admin >> appearance >> customize > custom css.

@media(min-width: 991px){.single-course div#buddypress div#item-body input.course_button.full.button {display: none !Important;}}

[diego]

Thanksss!

[Jackson]

best regards. topic closed.

[Author]

Posts