https://github.com/joomtheme/mod_jtvisualblocks
Lightweight Bootstrap 5 visual content blocks for Joomla. Create hero sections, CTA boxes, article highlights, feature cards and FAQ accordions without extra CSS or JS.
https://github.com/joomtheme/mod_jtvisualblocks
accessibility article-highlight bootstrap-5 category-articles cta faq-accordion feature-cards joomla joomla-extension joomla-module joomtheme responsive-design
Last synced: 14 days ago
JSON representation
Lightweight Bootstrap 5 visual content blocks for Joomla. Create hero sections, CTA boxes, article highlights, feature cards and FAQ accordions without extra CSS or JS.
- Host: GitHub
- URL: https://github.com/joomtheme/mod_jtvisualblocks
- Owner: joomtheme
- License: gpl-2.0
- Created: 2026-06-04T08:40:56.000Z (16 days ago)
- Default Branch: main
- Last Pushed: 2026-06-04T19:34:10.000Z (16 days ago)
- Last Synced: 2026-06-04T21:33:01.039Z (16 days ago)
- Topics: accessibility, article-highlight, bootstrap-5, category-articles, cta, faq-accordion, feature-cards, joomla, joomla-extension, joomla-module, joomtheme, responsive-design
- Homepage: https://joomtheme.com
- Size: 239 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# JT Visual Blocks
Lightweight Bootstrap 5 visual content blocks for Joomla.
🚀 JoomTheme
·
⭐ Review on Joomla Extensions Directory
---
## Overview
**JT Visual Blocks** is a lightweight Joomla site module that helps you create beautiful front-end content blocks using native **Bootstrap 5** markup.
It is designed for Joomla users who want clean visual sections without installing a heavy page builder, extra CSS framework, or unnecessary JavaScript.
Perfect for homepages, landing pages, service pages, article highlights, category showcases, feature sections and FAQ blocks.
---
## Features
- Hero block
- CTA box
- Article Highlight block
- Category Articles display
- Feature Cards
- FAQ Accordion
- Primary and secondary buttons
- Optional PayPal button / PayPal hosted button link
- Manual badges with Bootstrap color styles
- Article title link control
- Article image link control
- Read more button control
- Article category, author and date options
- Grid, horizontal and list article layouts
- Feature cards with icons, images, badges and buttons
- Configurable heading levels
- Optional ARIA label support
- English and Turkish language files
- Joomla update server support
---
## Block Types
### Hero
Create a clean hero section with title, subtitle, description, image, badges and call-to-action buttons.
### CTA Box
Display a simple call-to-action section with buttons, badges and optional PayPal link.
### Article Highlight
Show a selected Joomla article as a visual feature block with image, title, intro text, category, author, date and read more button.
### Category Articles
Display multiple Joomla articles from a selected category using grid, horizontal card or list layouts.
### Feature Cards
Create responsive feature/service cards with icons, images, badges, text and buttons.
### FAQ Accordion
Add a Bootstrap 5 accordion FAQ section with configurable items and heading structure.
---
## Accessibility-conscious Markup
JT Visual Blocks is built with accessibility in mind.
It includes:
- Configurable heading levels
- Optional module ARIA label
- Image alt text fields
- Screen-reader text for links opening in a new window
- Decorative icon handling
- Bootstrap-compatible accordion markup
- Keyboard-friendly FAQ accordion behavior
---
## Compatibility
| Requirement | Version |
| --- | --- |
| Joomla | 6.x |
| Bootstrap | 5 |
| PHP | Joomla 6 compatible PHP version |
| Client | Site module |
Tested with the default Joomla template.
---
## Installation
1. Download the latest ZIP package from the [Releases](https://github.com/joomtheme/mod_jtvisualblocks/releases) page.
2. In Joomla administrator, go to **System → Install → Extensions**.
3. Upload and install the module ZIP file.
4. Go to **Content → Site Modules**.
5. Create or open **JT Visual Blocks**.
6. Choose a block type and configure the options.
7. Assign the module to a template position and menu items.
---
## Screenshots
### Module Settings
Choose the block type, layout width, spacing, text alignment and manual badges from the main module tab.
### Accessibility Options
Configure ARIA label support and heading levels to keep a clean and accessible page structure.
### Content Fields
Add manual title, subtitle, description, image and image alt text for Hero, CTA and manual article style blocks.
### Buttons
Configure primary, secondary and optional PayPal buttons with custom text and links.
### Article Highlight
Display manual content, a selected article or articles from a category with title, image, read more and metadata controls.
### Feature Cards
Create responsive feature cards with columns, card style, badges, icons, images, text and buttons.
### FAQ Accordion
Build a Bootstrap 5 FAQ accordion with question and answer items, layout options and numbering controls.
## Update Server
JT Visual Blocks includes Joomla update server support.
Update XML:
```text
https://raw.githubusercontent.com/joomtheme/mod_jtvisualblocks/main/update.xml