LDX Design

LearnDash Design & Tutorials

LearnDash Design & Tutorials

Show LearnDash Course Content Dynamically on WooCommerce Single Product Elementor Theme Builder Template

It’s a mouthful of a title but I honestly couldn’t figure out how to shorten it and still tell you what this post is about. Essentially, if you’re using…

  • LearnDash
  • WooCommerce
  • Elementor

… and you want to use Elementor’s Theme Builder to set up a dynamic Single Product template for all of your WooCommerce products…

… AND you want to display LearnDash course content on that Single Product Elementor template…

… this post will show you exactly how to do it.

The Uncanny Toolkit vs. PowerPack for LearnDash

On March 10, 2021, Justin Ferriman, CEO of LearnDash, sent out an email promoting a new plugin called PowerPack for LearnDash. In just 48 hours, the plugin is already being used on over 500 sites.

I’ve seen several questions already about what the plugin does, and if it’s a replacement for the Uncanny Toolkit for LearnDash. Spoiler Alert: It’s not. This article will explain what the PowerPack is, what it is not, who is behind it and how it differs from the Uncanny Toolkit.

How to Customize the LearnDash Notifications Subscription Page

If you’re using the LearnDash Notifications add-on, you may have noticed the message at the bottom of all notification emails that reads, “Don’t want to receive this email anymore? Click here to manage your notification emails subscription.” Click here links to a dynamically-generated page on your site.

The title on this page reads “LearnDash Notifications Subscription” and the URL is /learndash-notifications-subscription/. Neither of these is ideal. This article will explain how to customize them.

There’s also some CSS you can write to improve the design, and possibly bring it more inline with your overall site layout & design. Buckle up… there’s a lot of code involved in this one 👩‍💻.

Focus Mode: Only Show the Current Lesson in Navigation

Someone recently asked if they could hide all the lessons in the focus mode navigation, and show only the current lesson. I never thought anyone would want this type of set up, but apparently, some find it useful.

I was able to write some CSS to achieve it, but there is one small caveat.

LearnDash Focus Mode: Sticky Header on Mobile

This will be a quick article with the custom CSS to make the LearnDash focus mode header fixed on mobile. This means the header will be fixed to the top of the screen as the user scrolls.

LearnDash uses a fixed header for focus mode on larger screens, but they disable it on mobile. Here’s how to get it back. We’ll also address tablets.

LearnDash & WP Rocket 🚀: The Perfect Performance Setup

Are you using WP Rocket with LearnDash? That’s a great combination, but there are some things you should know about how to set it up. Performance settings & caching can speed up your site, but if not tailored correctly, can also cause issues on LearnDash sites (or any dynamic site in general).

This article will explain the WP Rocket settings that relate to LearnDash, and provide recommendations to make the two plugins work best together.

LearnDash & the SG Optimizer Plugin 🙅‍♀️

Are you hosting your LearnDash site with SiteGround? If so, you might notice some issues with LearnDash features not working properly. This might be due to the use of the SG Optimizer plugin, which (I think) SiteGround automatically enables on all WordPress hosting accounts by default.

Although SiteGround has officially denied that there are any issues with the SG Optimizer & LearnDash, I have seen it enough that it’s worth writing about.

This post will explain the main features of SG Optimizer that seem to be causing issues, and how you can disable them to get LearnDash back to being fully operational.

How to Fix Lessons Changing Order in Course Builder: Disable LearnDash Transients

Are your lessons jumping around in the LearnDash course builder? Do your section headings not appear in the correct place? Does the order of your lessons in the course builder not match what you’re seeing on the frontend of your site?

This issue has been reported by quite a few LearnDash users since the launch of the course builder in LearnDash 3.0. It happens with some courses and not with others; some times and not during others; with lessons, topics and could possibly happen with both.

Here’s the best solution we can offer to fix the random placement of lessons & topics in the LearnDash course builder.

Remove Scrollbar When Focus Mode Sidebar is Collapsed

In LearnDash, when you collapse the the focus mode sidebar navigation, you might still see the vertical scrollbar. This is partly because of the CSS that LearnDash uses for this section, but also partly the responsibility of the browser you’re using, and the settings you have set for your browser.

Regardless, there’s a way to always hide that scrollbar in the focus mode sidebar when it is collapsed. Here’s the simple CSS to make that happen.

Page 3 of 9

Powered by WordPress & Theme by Anders Norén