Coda Slider 2.8 is a modern Joomla site module that turns articles or custom slides into a tabbed content panel. Visitors pick a story from the navigation, then read the panel with optional images, excerpt, and read-more link.

Version 2.8 is a full rebuild: vanilla JavaScript (no jQuery / Liquid Slider), Web Asset Manager assets, five themes, flexible tab placement, and slide or fade transitions.

Key highlights:

• Joomla 4, 5 & 6 compatible
• Articles or custom HTML slides
• Themes: Modern, Editorial, Pill, Underline, Dark
• Nav on top, bottom, or left
• Slide or fade panel transitions
• Arrows, keyboard, swipe, and optional autoplay
• Fully responsive — tabs wrap, left nav stacks on phones

Download

After purchase, download mod_codaslider_2.8.zip from your store account or the download email.

Install

1. Log in to the Joomla administrator
2. Go to System > Install > Extensions
3. Upload mod_codaslider_2.8.zip
4. Go to Content > Site Modules > New
5. Select Coda Slider
6. Choose articles or custom slides, pick a theme, then assign the module
7. Clear Joomla and browser caches

If you are upgrading from 2.7 or earlier, re-check module params — legacy Liquid Slider / Fancybox-era styling fields are replaced by Display and Motion settings.

Requirements

• Joomla 4, 5, or 6
• PHP 8.1 or newer recommended
• Articles in com_content (when using the article source)

Open your Coda Slider module and use the Content Settings tab.

• Content Source - Joomla Articles or Custom Slides
• Categories - select one or more article categories
• Order Results - published, created, modified, ordering, hits, or random
• Order Direction - ascending or descending
• Number of Articles - how many panels to load (default 5)
• Featured Articles - Show, Only, or Hide
• Filter by Tags - optional tag filter
• Exclude Current Article - hide the article being viewed
• Trigger Plugin Events - run content plugins on intro text
• Custom Slides - repeatable title + editor panels when source is Custom Slides

Tip: Pair article intro images with a short excerpt length for clean panels.

Theme

• Modern - solid active tabs
• Editorial - warmer surface and serif titles
• Pill Nav - rounded outlined tabs
• Underline - minimal underline active state
• Dark - ink panels for night-mode sections

Navigation

• Navigation Style - Tabs, Pills, or Underline
• Navigation Position - Top, Bottom, or Left (side)

Display controls

• Accent Colour and Corner Radius
• Show Images + Intro / Full / None image field
• Panel title, category, author, date, excerpt length, and read more
• Theme CSS Override - scope rules with #jx-cs-{moduleId}

Use the Motion Settings tab for panel transitions.

• Panel Transition - Slide or Fade
• Autoplay - advance panels automatically
• Autoplay Delay - pause between panels in milliseconds
• Transition Speed - animation duration in milliseconds
• Pause on Hover - stop while the pointer is over the module
• Prev / Next Controls - arrow buttons beside the panel

Keyboard arrows work when the module is focused. Touch swipe works on the panel. On phones, arrows move below the panel for easier tapping, tabs wrap so labels stay visible, and left-side navigation stacks above the panel.

Core

• Tabbed multi-panel content slider
• Articles or custom slides
• Five themes and three nav placements
• Slide / fade transitions
• Arrows, keyboard, swipe, autoplay
• Responsive wrap and mobile stacking

Platform

• Joomla 4 / 5 / 6 with Web Asset Manager
• Vanilla JS — no jQuery or Liquid Slider
• Accessible tabs / panels and reduced-motion support

• Which Joomla versions are supported?

  • Joomla 4, 5, and 6. PHP 8.1+ is recommended.

• Do I need jQuery?

  • No. Version 2.8 is vanilla JavaScript.

• Can I use custom content instead of articles?

  • Yes — set Content Source to Custom Slides.

• Can tabs sit on the side?

  • Yes — Navigation Position → Left. On phones it stacks above the panel.

• How do I style one instance without affecting others?

  • Use Theme CSS Override or Additional CSS scoped to #jx-cs-{moduleId}.

• Where can I get help?

  • Visit support.joomlax.com or your store support area.