JO Timeline module is a versatile Joomla 5 extension designed to display content in a visually appealing and interactive timeline format. Whether you're showcasing custom entries or Joomla articles, this module provides a variety of styles and customization options to suit your needs. With support for multiple timeline layouts, responsive design, and dark mode, the JO Timeline module ensures a seamless user experience across devices and themes.
Key Features:
★ Multiple Timeline Styles. Choose from a wide range of timeline layouts, including:
★★ Zigzag (1 & 2)
★★ Card (1, 2, & 3)
★★ Chat (1 & 2)
★★ Circular
★★ Horizontal
★★ Icons
★★ Progress Bar
★★ Thumbnails
★★ Vertical
Each style offers unique animations and visual effects to enhance user engagement.
★ Dual Content Sources :
★★ Custom Entries : Add personalized timeline entries with custom times, titles, descriptions, and images.
★★ Joomla Articles : Automatically pull content from Joomla articles, with options to filter by category, limit the number of articles, and customize the order.
★ Highly Customizable :
★★ Marker Colors : Set distinct colors for left and right markers to match your site's theme.
★★ Date-Time Format : Customize the date-time display format (e.g., Y-m-d H:i, Y, M Y) for Joomla articles.
★★ Visibility Options : Toggle the display of time, title, description, and image fields for Joomla articles.
★ Responsive Design :
★★ Fully responsive and mobile-friendly, ensuring the timeline adapts seamlessly to all screen sizes.
★★ Optimized for tablets and smartphones with stacked layouts and touch-friendly interactions.
★ Dark Mode Support :
★★ Switch between light and dark modes to align with your site's theme or user preferences.
★ Dynamic Animations :
★★ Zigzag2 style includes smooth scroll-triggered animations for a dynamic user experience.
★★ Hover effects on timeline items and markers provide interactive feedback.
★ Progress Bar Integration :
★★ The progress bar style dynamically tracks the user’s scroll position, filling up as they move through the timeline.
★ Default Image Fallback :
★★ Set a default image to display when no image is available for Joomla articles or custom entries.
Frontend Demo:
Scroll down to see the JO Timeline module demo. ⬇️
Backend Screenshot:
