Details

Category: ES Content Display

Install ES Content Display

1. Sign in to the Joomla administrator area.
2. Open System → Install → Extensions.
3. Upload the ES Content Display ZIP package.
4. After Joomla confirms the installation, open Content → Site Modules.
5. Create a new ES Content Display module.

Do not unzip the installation package before uploading it to Joomla.

Read more: Installation & Quick Start

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.

Read more: Manual Items Source

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.

Read more: Joomla Articles Source

Details

Category: ES Content Display

Accordion is designed for compact collections where visitors open individual items as needed.

Set:

3. Layout → Display Layout → Accordion

Read more: Accordion

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

Read more: Horizontal Tabs

Details

Category: ES Content Display

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

Read more: Vertical Tabs

Details

Category: ES Content Display

The Compact List / Directory layout is intended for larger collections that should remain readable and easy to scan.

Set:

3. Layout → Display Layout → Compact List / Directory

Read more: Directory, Search & A–Z

Details

Category: ES Content Display

FAQ Mode is intended for genuine question-and-answer collections.

Set:

3. Layout → Display Layout → FAQ

Read more: FAQ Mode & Structured Data

Details

Category: ES Content Display

Deep Links allow a URL hash to point directly to an individual ES Content Display item.

Enable them under:

Interaction → Enable Deep Links → Yes

Deep Links are enabled by default.

Read more: Deep Links

Details

Category: ES Content Display

ES Content Display is built with keyboard operation and accessible states as part of the renderer design rather than as a separate visual add-on.

Accordion and FAQ

• Native button triggers
• aria-expanded
• aria-controls
• Heading structure around controls
• Keyboard movement with Arrow Up/Down, Home and End

Read more: Accessibility & Responsive Behavior