First Look at Jshortcodes for Joomla - 👀 WMW 202

Written by: Tim Davis Created: 13 April 2023

Category: Watch Me Work Live Streams

Hot!Hits: 927Reading time: 01:35

Watch me Work Live Streams Joomla Training Cohort

John Dagelmore of storejextensions.org has released a new extension: Jshortcodes for Joomla and in this video we're going to take a first look at it.

00:00:00 – Introduction & Setup of StoreJExtensions.org
00:06:57 – Accordion Widget Overview
00:21:34 – Slider Widget with Transition Effects
00:30:41 – Article Slider & Blog Integration
00:35:37 – CSS Inspection for Styling Customization
00:44:16 – Using Animation Effects
00:57:09 – Articles Grid Display Options
01:11:30 – Flipbook PDF Viewer
01:14:53 – Specialized Widgets Showcase
01:47:30 – Before/After Image Comparison Tool
01:53:51 – Content Control & Conditional Effects
02:02:06 – Wrap-Up & Final Thoughts

🔟  Summary

1. Extension Overview & Setup
   Introduction to J Shortcodes from StoreJExtensions.org, with live demo preparation and MySites.Guru sponsorship.

2. Backend Integration
   Explored Joomla admin to locate J Shortcodes; checked plugins, buttons, and started by creating a test article.

3. Using the Shortcode Editor
   Demonstrated inserting shortcodes (e.g., accordion), customizing titles/content, and troubleshooting display issues.

4. Plugin Configuration
   Reviewed plugin settings including shortcode prefix, API integrations (ChatGPT, Maps, etc.), and customization options.

5. Advanced Syntax & Widget Types
   Explained shortcode structure using PDF examples; covered widget types (single, container, child) and attribute usage.

6. Testing Article Slider Widget
   Inserted and configured the Article Slider with sample blog data, animation effects, and category selection.

7. Animation Effects with Custom Content
   Showcased animation shortcode with text and images, fixing broken URLs and enabling HTML support in plugin settings.

8. Live Styling Adjustments
   Demonstrated fade-out effects, animation delays, and discussed combining styles with shortcode parameters.

9. Building Article Layouts
   Explored Articles Grid shortcode, showing layout flexibility, “show more” functionality, and source code inspection.

10. AI Integration & Final Thoughts
    Reviewed ChatGPT shortcode potential, noted the missing API key, and teased a future AI-focused livestream update.

Interesting blog? Like it on Facebook, Post it or share this article on other bookmarking websites.

Written by: Tim Davis

Tim Davis is the founder and owner of Cybersalt.