- Details
- Category: ES Content Display
Install ES Content Display
- Sign in to the Joomla administrator area.
- Open System → Install → Extensions.
- Upload the ES Content Display ZIP package.
- After Joomla confirms the installation, open Content → Site Modules.
- Create a new ES Content Display module.
Do not unzip the installation package before uploading it to Joomla.
- Details
- Category: ES Content Display
Use Manual Items when the content belongs to the display itself rather than to Joomla Articles. This is especially useful for FAQs, tabbed information, short directories and structured information blocks.
Add Manual Items
Set:
1. Source → Content Source → Manual Items
Then open 2. Content and use the repeatable Manual Items field.
- Details
- Category: ES Content Display
Use Joomla Articles to render existing Joomla content through any ES Content Display layout.
Set:
1. Source → Content Source → Joomla Articles
Then configure the collection under 2. Content.
Categories
You may select one or more Joomla Article categories.
- Leave Categories empty to allow Articles from all accessible published categories.
- Selected categories are matched directly.
- Subcategories are not added automatically simply because their parent category is selected.
- Details
- Category: ES Content Display
Accordion is designed for compact collections where visitors open individual items as needed. With Joomla Articles it uses the richer Article Teaser Accordion presentation; Manual Items use the standard Accordion presentation.
Set:
3. Layout → Display Layout → Accordion
Joomla Articles: Article Accordion
With Joomla Articles, each collapsed item is an editorial teaser rather than a plain question-style row. The teaser can show an Article image, title, metadata and a short Intro preview while the full configured content remains in the expandable panel.
- Details
- Category: ES Content Display
Horizontal Tabs present item titles in a horizontal tab list with one active content panel.
Set:
3. Layout → Display Layout → Horizontal Tabs
Keyboard behavior
Horizontal Tabs use manual activation:
- Left / Right Arrow — move focus between tabs
- Home — first tab
- End — last tab
- Enter / Space — activate the focused tab
Only the selected tab is in the normal Tab sequence.
- Details
- Category: ES Content Display
Vertical Tabs
Vertical Tabs use the same content model as Horizontal Tabs, but place the tab list vertically beside the content panel.
Set:
3. Layout → Display Layout → Vertical Tabs
Keyboard behavior
Vertical Tabs use manual activation:
- Down Arrow — move focus to the next tab
- Up Arrow — move focus to the previous tab
- Home — first tab
