Home Forums Pro Themes Education Hub Pro Woothemes Sensei Integration

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #5372
    gedbrockie
    Participant

    Hi, I was using the free Customizr theme for around one and a half years. I needed to change themes for various reasons. After a long time of searching, I finally picked Education Hub, then bought the Education Hub Pro theme…quite simply, it’s outstanding.

    My problem is this, my website uses Woothemes Sensei plugin to deliver the lessons, however, now that I have installed Education Hub Pro, some of the integration is not as it should be. The Woothemes side bars are not showing up on the course and lesson pages, and the side bars that are on the front page are showing up underneath the lesson pages in an odd way.

    Also, I tried to create a child theme, however, when I did this, the child theme was from the free version of the theme, not the paid version?!

    I have put below the coding that was used for the customizr theme to make it work with Woothemes Sensei plugin, would you be able to alter this so things work correctly with Education Hub Pro?

    Thanks for a great theme btw!!, It’s truly excellent.

    Ged

    <?php
    /**
    /*********************
    * Sensei Integration
    *********************/

    /**
    * Declare that your theme now supports Sensei
    */
    add_action( ‘after_setup_theme’,’customizr_sensei_support’ );
    function customizr_sensei_support () {
    add_theme_support( ‘sensei’ );
    }

    /**
    * Remove the default Sensei wrappers
    */
    global $woothemes_sensei;
    remove_action( ‘sensei_before_main_content’, array( $woothemes_sensei->frontend, ‘sensei_output_content_wrapper’ ), 10 );
    remove_action( ‘sensei_after_main_content’, array( $woothemes_sensei->frontend, ‘sensei_output_content_wrapper_end’ ), 10 );

    /**
    * Add The customizr custom Sensei content wrappers
    */
    add_action(‘sensei_before_main_content’,’customizr_sensei_wrapper_start’, 10);
    add_action(‘sensei_after_main_content’,’customizr_sensei_wrapper_end’, 10);

    function customizr_sensei_wrapper_start (){
    do_action( ‘__before_main_wrapper’ ); ##hook of the header with get_header
    ?>

    <div id=”main-wrapper” class=”<?php echo apply_filters( ‘tc_main_wrapper_classes’ , ‘container’ ) ?>”>

    <?php do_action( ‘__before_main_container’); ?>
    <div class=”container” role=”main”>
    <div class=”<?php echo apply_filters( ‘tc_column_content_wrapper_classes’ , ‘row column-content-wrapper’ ) ?>”>
    <?php do_action( ‘__before_article_container’); ##hook of left sidebar?>
    <div id=”content” class=”<?php echo tc__f( ‘__screen_layout’ , tc__f ( ‘__ID’ ) , ‘class’ ) ?> article-container”>
    <?php do_action (‘__before_loop’);##hooks the heading of the list of post : archive, search… ?>
    <?php
    }

    function customizr_sensei_wrapper_end (){
    echo ‘</div> <!– end #content–>’;
    echo ‘</div> <!– end .row–>’;
    echo ‘</div> <!– end .container–>’;
    echo ‘</div> <!– end #main-wrapper–>’;
    }

    /**
    * remove default sensei titles
    */
    global $woothemes_sensei;
    remove_action( ‘sensei_course_single_title’, array( $woothemes_sensei->frontend , ‘sensei_single_title’ ), 10 );
    remove_action( ‘sensei_lesson_single_title’, array( $woothemes_sensei->frontend , ‘sensei_single_title’ ), 10 );
    remove_action( ‘sensei_quiz_single_title’, array( $woothemes_sensei->frontend, ‘sensei_single_title’ ), 10 );
    remove_action( ‘sensei_message_single_title’, array( $woothemes_sensei->frontend, ‘sensei_single_title’ ), 10 );

    /**
    * Add custom customizr title:
    */
    add_action( ‘sensei_course_single_title’, ‘customizr_single_title’, 10 );
    add_action( ‘sensei_lesson_single_title’, ‘customizr_single_title’, 10 );
    add_action( ‘sensei_quiz_single_title’, ‘customizr_single_title’, 10 );
    add_action( ‘sensei_message_single_title’, ‘customizr_single_title’ , 10 );

    function customizr_single_title() {
    ?>
    <header class=”entry-header”>
    <h1 class=”entry-title “><?php the_title(); ?> </h1>
    <hr class=”featurette-divider __before_content”>
    </header>
    <?php
    }

    /***************************
    * // END Sensei Integration
    ****************************/

    #5373
    wensolutions
    Keymaster

    @GedBrockie, thank you for the appreciation of the theme.

    Is it possible to share us your site URL so that we can look at it to be more clear on this issue ?

    Sorry asking this again, could you please make it more simple and precise on which section and/or page in your site you are having a problem and need our help ?

    #5374
    gedbrockie
    Participant

    Hi thanks for getting back so quickly.

    1. In this first example, if you go down to the bottom of the page, you can see that the primary sidebar is still showing and is also out of place. It really just shouldn’t show.

    http://www.guitarandmusicinstitute.com/course/quick-start-beginners-guitar/

    2. In this example within the course lessons, there should be a woothemes sidebar which shows all the lessons on the right, currently there is nothing. The above code I gave from my previous theme installation ensured that these were visible.

    http://www.guitarandmusicinstitute.com/lesson/lesson-1-the-anatomy-of-the-guitar/

    Your theme renders everything else beautifully, I just want to have a better integration with the woothemes sides bars for the course for my students.

    Thanks

    #5412
    wensolutions
    Keymaster

    Hello @GedBrockie,
    The theme needs some customization to support the sensei plugin. For this you need to create a child theme. Here are some guides in case you haven’t made one before:
    Turtorial 1
    Tutorial 2

    Basically, you need two files style.css and functions.php to create a child theme. After activating child theme, paste the following additional code inside functions.php:

    add_action( 'after_setup_theme', 'declare_sensei_support' );
    function declare_sensei_support() {
        add_theme_support( 'sensei' );
    }
    
    global $woothemes_sensei;
    remove_action( 'sensei_before_main_content', array( $woothemes_sensei->frontend, 'sensei_output_content_wrapper' ), 10 );
    remove_action( 'sensei_after_main_content', array( $woothemes_sensei->frontend, 'sensei_output_content_wrapper_end' ), 10 );
    
    add_action('sensei_before_main_content', 'my_theme_wrapper_start', 10);
    add_action('sensei_after_main_content', 'my_theme_wrapper_end', 10);
    
    function my_theme_wrapper_start() {
      echo '<div id="primary" class="content-area"><main id="main" class="site-main" role="main">';
    }
    
    function my_theme_wrapper_end() {
      echo '</main><!-- #main -->
    	</div><!-- #primary -->';
    	<?php
    	/**
    	 * Hook - education_hub_action_sidebar.
    	 *
    	 * @hooked: education_hub_add_sidebar - 10
    	 */
    	do_action( 'education_hub_action_sidebar' );
    ?>
    }
    

    Next, navigate to Posts-> Edit from your admin panel. Under Sidebar Settings choose Extra Sidebar 1 as Primary Location. Click Update to save the settings. Repeat this process for all of your posts.
    Then go to Appearance-> Widgets-> Place/Move the Sensei Widget to Extra Sidebar 1 Widget Area.

    This should be the trick to show the course lessons on Extra Sidebar Area and remove the other sidebar from the bottom area too.

    Best Regards.

    #5486
    gedbrockie
    Participant

    Guys, thanks so much for this and taking the time to help me. I am slowly getting there.

    Sadly, I’m not a programmer…I have now got a child theme up and running after a bit of bother but:

    1. The site seems to crash when I change the phone number and email in the customise area. Only a restart on Apache at the server level gets it up and running again. What could I have done wrong on this?

    2. The functions.php file…where and exactly how do I insert the above code? I have the following in my functions.php file

    <?php
    /**
    add_action( ‘wp_enqueue_scripts’, ‘enqueue_parent_styles’ );

    function enqueue_parent_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ );
    }

    //*

    #5493
    wensolutions
    Keymaster

    @GedBrockie, you are in the right track after Child Theme set up.

    Regarding, site crash after changing email and phone number in customizer sounds quite weird as we don’t think this could hit hard on the whole site. Probably, if you could show us the screenshot anytime if it repeat again would help us to debug it for you.

    Next thing, yes of course you can paste all the custom Sensei code just below the existing code that you have in your child theme’s functions.php file.

    This should be running without any error as long as you paste it carefully.

    Let us know if you run into any problem.

    Thanks

    #5497
    gedbrockie
    Participant

    Well, I don’t know what I am doing wrong, very frustrating. I take the code that you gave me and paste it in to the fuctions.php file that I detailed above.

    As soon as I upload it….the site goes down. Take the above code out, and it reappears again….

    Any ideas?

    Ged

    #5498
    gedbrockie
    Participant

    ps how do I attach images to these support forums?

    #5503
    wensolutions
    Keymaster

    Hi, your functions.php file should look like this with all code above.

    <?php
    
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
    
    function enqueue_parent_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    }
    
    add_action( 'after_setup_theme', 'declare_sensei_support' );
    function declare_sensei_support() {
        add_theme_support( 'sensei' );
    }
    
    global $woothemes_sensei;
    remove_action( 'sensei_before_main_content', array( $woothemes_sensei->frontend, 'sensei_output_content_wrapper' ), 10 );
    remove_action( 'sensei_after_main_content', array( $woothemes_sensei->frontend, 'sensei_output_content_wrapper_end' ), 10 );
    
    add_action('sensei_before_main_content', 'my_theme_wrapper_start', 10);
    add_action('sensei_after_main_content', 'my_theme_wrapper_end', 10);
    
    function my_theme_wrapper_start() {
      echo '<div id="primary" class="content-area"><main id="main" class="site-main" role="main">';
    }
    
    function my_theme_wrapper_end() {
      echo '</main><!-- #main -->
    	</div><!-- #primary -->';
    	/**
    	 * Hook - education_hub_action_sidebar.
    	 *
    	 * @hooked: education_hub_add_sidebar - 10
    	 */
    	do_action( 'education_hub_action_sidebar' );
    }

    To insert image you can paste your screenshot link here with your post.

    Thanks

    #5526
    gedbrockie
    Participant

    Guys, it’s all working great now. Didn’t need to do the later stuff as all was well. There was a slight problem with one of the characters above as they were being encoded?…anyway, that’s been done and the site looks amazing.

    Thanks once again for your fantastic work and theme which has really going to contribute to GMI’s continued success.

    Best

    Ged

    #5528
    wensolutions
    Keymaster

    Really very glad to hear it and just checked your site which looks really awesome with great contents!!

    All the best wishes for your business.

    Regards,

    Support Team
    WEN Solutions

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