go to all blog posts

How to fix LearnDash Course Grid if layout is broken by ActiveMember360?

29
June
2021

We had a client project where a lot of cross-plugin integrations were involved. There were like 30 plugins installed, but most of them used to setup a nice community membership website. This setup included core plugins like LearnDash LMS, WooCommerce, Elementor, BuddyBoss, GamiPress, ActiveMember360 and bunch of add-ons to tie all that together. To be exact, LearnDash integration for WooCommerce, GamiPress integration for BuddyBoss, ActiveMember360 integration for LearnDash and etc.

Client had an issue, where one of these plugins was breaking LearnDash Course Grid layout. This page was also modified with Elementor. You know that one page by default available at /dashboard/ url.

I had to figure this out and come up with a fix.

Before the fix (broken layout)

By the way, this is how the broken LearnDash courses / trainings page layout looked like:

LearnDash Course Grid broken layout page

Debugging and detecting the roots

It took a while (almost 2 days, what?!) to debug this issue and track down where it was coming from. First I thought it was caused by caching. Then I supposed it was due to some Elementor conflict. And finally I realized that was coming from some permission issues configured in ActiveMember360. Because the issue was visible only for newly created subscriber-level users, while for admins it was all fine.

Detecting this thing coming from AM360 LearnDash integration was only the first half of that fix 🙂

Figuring out the solution was another half, which took a decent effort as well.

Due to some permissions being overwritten by different plugins multiple times the layout was breaking only for subscriber/member users. It was breaking because AM360 had a hook, where it either replaced full page contents with an excerpt or just filtered away most of HTML code.

Solution

Here’s the fix I came up with (put it into functions.php):

And after adding this snippet of code to the functions.php, page layout was immediately fixed with all the titles, sorting and styles in place.

After LearnDash courses layout was fixed

Here’s how it started looking after the fix:

Fix LearnDash Course Grid layout page

If this post was helpful, please leave us some feedback below.

If you are running a membership/community website powered by LearnDash and WooCommerce (or Easy Digital Downloads), you might need Gift a Course feature for LearnDash. Letting your customers gift your courses to their friends and families is a great opportunity to make more sales these days.

And that’s what we specialize in – providing you with tools to make more sales 🙂

2 Comments

in eLearning

Bogdan
In 2009 he started contributing to WordPress and couple years later built his first WooCommerce store. Now he's helping WooCommerce storeowners all over the world make more money with their stores. Wordpress problem solving expert, backend developer, founder of BogdanFix.

Comments

ERIN WARD

I had this exact problem, but it was being caused by a new BuddyBoss Theme update, which included modification to the template that controls the course grid. I was just about to submit a ticket to them when I came across this post. So I gave it a try and it worked perfectly.

Bogdan

Thank you for your comment, Erin! Pleasure to know I saved you some precious time 🙂

Leave a Reply