Introduction
Responsive Content Slider 1.5 is a multi-card article carousel for Joomla. Visitors browse several story cards at once and scroll the rail — ideal for latest posts, portfolios, related stories, and homepage content strips.
Version 1.5 is a full rebuild: vanilla JavaScript, Web Asset Manager, four card layouts, five themes, responsive cards-per-view, and modern carousel controls.
Key highlights:
- Joomla 4, 5 & 6 compatible
- Articles or custom cards
- Layouts: Classic, Magazine, Overlay, Minimal
- Themes: Light, Soft Sand, High Contrast, Ink, Forest
- Desktop / tablet / mobile cards visible
- Autoplay, progress bar, peek, dots, arrows, swipe, keyboard
Installation
Download
After purchase, download mod_responsive_slider_1.5.zip from your store account or the download email.
Install
- Log in to the Joomla administrator
- Go to System > Install > Extensions
- Upload
mod_responsive_slider_1.5.zip
- Go to Content > Site Modules > New
- Select Responsive Content Slider
- Choose a category (or custom cards), pick a layout and theme, then assign the module
- Clear Joomla and browser caches
If you are upgrading from 1.2, re-check module params — Liquid Slider-era width/tab colour fields are replaced by Content, 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)
Content Settings
Open your module and use the Content Settings tab.
- Content Source — Joomla Articles or Custom Cards
- Category — one or more article categories (articles source)
- Order Results — Published Date, Created Date, Modified Date, Ordering, Hits, or Random
- Order Direction — Ascending or Descending (hidden when Random is selected)
- Number of Cards — how many cards to load (1–40, default 8)
- Featured Articles — Show, Only, or Hide
- Filter by Tags — optional multi-tag filter
- Exclude Current Article — hide the article currently being viewed (useful on single-article pages)
- Trigger Plugin Events — run content plugins on article intro text
- Custom Cards — repeatable rows when source is Custom Cards:
- Card Title (required)
- Card Image — optional media field
- Card Link — optional URL
- Card Body — editor HTML
Tip: Use intro images plus a short excerpt length for clean Classic cards.
Motion Settings
Use the Motion Settings tab for carousel behaviour.
- Autoplay — advance cards automatically
- Autoplay Delay (ms) — pause between advances (default 4500; min 1500)
- Transition Speed (ms) — slide animation duration (default 500)
- Pause on Hover — stop autoplay while the pointer or focus is on the module
- Autoplay Progress Bar — thin bar that fills between advances
- Prev / Next Arrows — show or hide side controls
- Dot Pagination — page indicators under the rail
- Loop — wrap from last back to first (and reverse)
- Advance By — One card or Full page of cards (moves by the current cards-visible count)
Keyboard left/right work when the module is focused. Touch swipe works on the card stage. On phones, arrows move below the viewport for easier tapping. Reduced-motion preferences are respected.
Advanced
Use the Advanced tab for module chrome and extra styling.
- Module Class Suffix — extra CSS class on the module root
- Additional CSS — raw CSS appended for this instance; prefer scoping with
#jx-rcs-{moduleId}
- Alternative Layout — Joomla module layout override if you provide one in your template
Tip: Prefer Theme CSS Override (Display) for look tweaks and Additional CSS (Advanced) for one-off fixes.
