Tabbed content in FC course lesson
You may have missed it, but in case you want to add your own custom tabs inside a course lesson, you can do this way:
-
Install FluentSnippets
-
Download this code from my Dropbox:
-
Create a new snippet and activate it.
-
Go to your course lesson and just paste your shortcode: [custom_tabs]. Save it.
-
Reload your lesson. Voilà! FComm has no native provision for shortcodes in lessons, but renders them anyway.
Note: my native code pulls content from serveral custom SQL tables which is then populated across the tabs. I stripped all that from the code provided. The code snippet comes with CSS, which you will have to clean up, but the tabs look very similar to the FC default look.
Enjoy!
Cool thanks for sharing this!
Tindaro Battaglia only a pleasure.
Great! Thank you so much for sharing this valuable snippet.
arjun arjun you're welcome. Send a screenshot when you're done implementing it.
Helmar Rudolph Here's the screenshot. It's on a test lesson.
arjun arjun Sweet! I'm happy it's working for you. Keep at it!
Helmar Rudolph Thank you again Helmar. You've provided me the MASTER KEY (Pun intended/Pun not intended)
Great! I got to check this out..:)
Thanks for sharing Helmar Rudolph, I have 3 questions:
- how does the tabs look on mobile?
- Can one have these tabs on the lock screen for public only to promote a course? and then for a logged in member to have the tabs appear differently for paid members?
- does your course progress bar also appear on mobile?
1 & 3 - see attachment.
2 . If the lock screen accepts html or a shortcode, then yes.
Helmar Rudolph this is so cool, thanks for sharing! When FC does updates to their plugin could this effect the codes functionality/design or should be fine?
Morgan McArthur only a pleasure. As it's plain HTML and CSS, no update should ever affect this, unless they block the rendering of shortcodes.
