• Hi everyone,

    I’m currently using LearnPress for my online courses and would like to customize the checkout pages to improve the user experience. I use Elementor for designing my site, but I’ve noticed that for example LearnPress checkout pages don’t seem to be editable in Elementor.

    Is there a way to customize the LearnPress checkout pages using Elementor or if there are any recommended workarounds, such as custom templates or hooks, to achieve more control over the checkout design?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support brianvu-tp

    (@briantp)

    Hi Graahf,

    Thank you for reaching out!

    You can customize the LearnPress checkout page by using the [learn_press_checkout] shortcode. However, please note that the content within this shortcode is a fixed template and cannot be directly edited with Elementor. Any content you add alongside the [learn_press_checkout] shortcode will appear either above or below the checkout form, depending on where you place the shortcode on the page.

    If you have any further questions, please don’t hesitate to ask.

    Best regards,
    Brianvu-tp

    Thread Starter Graahf

    (@graahf)

    Amazing, was unsure if it worked, since I tried making a custom order completed page, but did’nt redirect to it or show the content from the short code.

    And when I cancel order through Paypal, it redirects me to my frontpage and not my checkout page

    Are there a list of ALL shortcodes for learnpress?

    Plugin Support brianvu-tp

    (@briantp)

    Hi Graahf,

    We’re glad to hear that the shortcode information was helpful.

    As for your question about LearnPress shortcodes, yes, you can find a comprehensive list here

    Best regards,
    Brianvu-tp

    Thread Starter Graahf

    (@graahf)

    Thanks, very helpful, but I’m looking for a shortcode for the Course features, so I could place them another spot on the single course page.

    I’ve made a template for the single courses, but wanted to moved the course features to another place – is that possible?

    I’m referred to those under the overview tab

    • This reply was modified 1 month, 1 week ago by Graahf.
    • This reply was modified 1 month, 1 week ago by Graahf.
    Plugin Support brianvu-tp

    (@briantp)

    Hi Graahf,

    If we understand correctly, you’d like to display the content of the Course Overview tab on a different part of your single course page, or even on a different page entirely.

    LearnPress doesn’t currently offer a shortcode specifically for this functionality. However, you can achieve this by adding the following code to your child theme’s functions.php file:

    function custom_course_overview_shortcode( $atts ) {
        $atts = shortcode_atts(
           array(
              'id' => 0
           ),
           $atts
        );
    
        wp_enqueue_style( 'learnpress' );
    
        ob_start();
    
        global $post;
        $post = get_post( $atts['id'] );
    
        if ( ! $post || ( LP_COURSE_CPT !== get_post_type( $post->ID ) ) ) {
           learn_press_display_message( __( 'Invalid course.', 'learnpress' ), 'error' );
        } else {
           setup_postdata( $post );
           learn_press_get_template( 'single-course/tabs/overview.php' );
           wp_reset_postdata();
        }
    
        $output = ob_get_clean();
    
        return $output;
    }
    add_shortcode( 'course_overview', 'custom_course_overview_shortcode' );

    You can then use this shortcode anywhere with:

    [course_overview id="123"]

    Replace 123 with the actual ID of the course whose overview tab content you want to display. This should allow you to place the overview content in your custom single course template or any other page.

    Best regards,
    Brianvu-tp

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.