Downloading the Extension

Email: After purchasing from our store, you will receive an email with the download link.

Store: You can also download it from the Downloads section. Create an account with the same email used at purchase if you are new.

Package: FadeTabs_UNZIP.zip

Unzip the Package

• Unzip FadeTabs_UNZIP.zip.
• Inside you will find:
  • mod_fadetabs_2.7.zip — install this for Joomla 4, 5 & 6
  • ReadMe.txt — notes for the current version

After unzipping, install mod_fadetabs_2.7.zip.

1. Go to System → Install → Extensions.
2. Upload the package and install.
3. Open Content → Site Modules, find Fade Tabs, publish it, assign a template position, and set menu assignment.

Requirements: Joomla 4.x, 5.x, or 6.x · PHP 8.1+ recommended.

Download ID: Use Joomla’s built-in Download ID (DLID) under extension updates — there is no custom license key field in the module.

Note: The front-end script is vanilla JavaScript (no jQuery required).

• Tab Layout: Horizontal underline bar or vertical side tabs.
• Transition Effect: Fade, Slide, or None.
• Transition Speed: Duration in milliseconds (default 350).
• Autoplay: Optionally cycle tabs with a configurable delay (pauses on hover and focus).
• Search Box: Live filter across tab titles and content with highlighted matches.
• Category Filters: Pill filters from slide categories or article categories.
• URL Anchors: Deep links such as #jx-ft-{moduleId}-{n} that open the matching tab.
• Copy Link: Copies the panel deep-link and briefly shows “Copied!”.
• Remember Active Tab: Off, Session storage, or Local storage.

Theme

Default is Modern 2026 (soft panel, underline accent, brand colour). Also included: Default, Minimal, Outline, Dark, Rounded, and Gradient.

Theme Color

Override the accent used for the active tab underline, badges, and focus rings (default #1819ed).

Theme CSS Override

Optional CSS appended after the theme. Scope with #jx-ft-{moduleId} or .jx-fadetabs.

On tablets and phones, tabs use a swipeable strip with large touch targets and no visible scrollbars.

Content Source

• Slides: Custom tabs managed in the module subform.
• Joomla Articles: Pull articles into tab panels.

Custom Slides

• Title / State / Content: Tab label, active on load, HTML body.
• Category: Used by category filter pills.
• Badge: Short label such as New or Pro.
• Font Awesome icon: Class like fa fa-star or fas fa-check.

Add, reorder, or remove slides with the subform controls.

Joomla Articles

• Categories, tags, featured filter, ordering, article limit
• Images (intro/full), read more, optional content plugin events
• Exclude current article when viewing an article page

• Module Class Suffix: Extra CSS classes on the module wrapper.
• Additional CSS: Inline CSS injected with the module.
• Download ID (DLID): Enter your Download ID via Joomla’s Extensions → Update sites / Download Key — required for paid update downloads.

Assets load through Joomla WebAssetManager. Useful classes: .jx-ft-tab, .jx-ft-panel, .jx-ft-nav, .jx-fadetabs.

• Confirm the module is published, in a real template position, and assigned to the menu item.
• After changing parameters, clear Joomla cache if enabled, then hard-refresh (Ctrl+F5).
• Category filters need a category on each slide (or article categories).
• Deep links and Copy Link require URL Anchors ON.
• Icons need Font Awesome on the site (most Helix/JoomlaX templates already load it). Use classes such as fa fa-info-circle.
• No jQuery is required. Older docs mentioning jQuery apply only to versions before 2.7.
• On mobile, swipe the tab strip horizontally if titles do not all fit.
• To embed in an article, see: Joomla docs — module inside an article.

Support: support.joomlax.com