JEM Types Module

The JEM Types module displays published JEM event types in a Joomla module position. It can provide compact navigation with an event count for each type, or show the next upcoming events grouped by type.

Event types provide a second classification layer beside categories. A category normally describes the subject or section of an event, while a type describes its format: Concert, Guided Tour, Workshop, Talk, Festival, Meeting, Webinar or Exam.

Where To Find The Module

1. Open System → Site Modules in the Joomla administrator.
2. Select New.
3. Choose JEM - Types.
4. Select a template position, configure the options and publish the module.
5. Use the Menu Assignment tab to control where the module is displayed.

Display Modes

Important Concepts

Basic Options

Advanced Options

Summary Mode

Summary mode displays the published event types available to the current visitor. Each type links to its corresponding Type Events page and includes the number of visible current or upcoming events.

Top N Mode

Top N mode displays every available type as a group and lists the next events assigned to it. Events are ordered by their start date.

More Information Options

Event Type Inheritance In Recurrences

A generated recurrence may not store its own event type. In this situation, the module uses the type assigned to the original event in the recurrence series. This keeps recurring events grouped and counted under the expected type.

Visibility And Access Rules

The result is calculated for the current visitor. Guests, registered users and administrators can therefore see different type counts and event lists.

Event start and end dates are calendar values interpreted using the Joomla site time zone. Joomla publication start and end controls are evaluated through the normal publication-window checks.

Empty Results

Layouts And Overrides

The module currently includes one PHP layout:

modules/mod_jem_types/tmpl/default.php

To customise its HTML without modifying JEM core files, copy it to:

templates/YOUR_TEMPLATE/html/mod_jem_types/default.php

CSS Customisation

Unlike the visual JEM modules, JEM Types does not distribute a dedicated default.css module stylesheet. Its output uses Bootstrap utility classes, the general JEM frontend stylesheet and specific CSS selectors.

For small additive changes affecting JEM modules, use:

media/com_jem/css/custom/jem-user-module.css

This optional stylesheet is loaded after the JEM module output. You can also place the rules in the custom stylesheet provided by your active Joomla template.

Available CSS Selectors

CSS Example

.mod-jem-types__list {
    display: grid;
    gap: 0.5rem;
}

.mod-jem-types__item {
    padding: 0.35rem 0.5rem;
}

.mod-jem-types__group + .mod-jem-types__group {
    margin-top: 1.25rem;
}

.mod-jem-types__date {
    display: inline-block;
}

@media (max-width: 575.98px) {
    .mod-jem-types__date {
        display: block;
        margin-left: 0 !important;
    }
}

Configuration Examples

Example 1: Compact Sidebar Navigation

• Display mode: Summary.
• Hide types with no events: Yes.
• Show module when no types: No.
• Caching: Use Global.

This provides a short list such as Concerts (4), Workshops (2) and Webinars (1).

Example 2: Homepage Programme Preview

• Display mode: Top N events per type.
• Events per type: 3.
• Show More Information: Yes, link.
• Event block layout: Details.
• Venue block layout: Compact.
• Hide types with no events: Yes.

This configuration provides a concise overview of the next three events in every active type.

Example 3: Editorial Event Resources

• Display mode: Top N events per type.
• Events per type: 2.
• Show More Information: Yes, button.
• Show More Information Title: Yes.
• Intro text: “Explore our upcoming courses and supporting resources.”

This is useful when events have associated articles containing course material, detailed instructions or downloads.

Example 4: Complete Type Catalogue

• Display mode: Summary.
• Hide types with no events: No.
• Show module when no types: Yes.
• Footer text: A link explaining the organisation's event formats.

All accessible published types remain visible, including types whose event count is currently zero.

Example 5: Conference Programme In JEM 5.1.0

• Event hierarchy: Subevents only.
• Display mode: Top N events per type.
• Events per type: 5.
• Hide types with no events: Yes.

This can display individual talks, workshops and sessions without also listing the parent conference event.

Example 6: Main Events Without Programme Sessions

• Event hierarchy: Parent events only.
• Display mode: Summary.
• Hide types with no events: Yes.

This counts the main festival, conference or programme events while excluding their individual sessions.

Routing And Menu Items

The module creates links to event pages and Type Events pages through the JEM router. Joomla can generate fallback routes, but a dedicated menu item produces more predictable URLs, module assignments and breadcrumbs.

For important type-based navigation, create a JEM Type Events menu item for the relevant event type.

Troubleshooting

JEM 5.1.0 Beta 4 Appendix

Event Hierarchy

JEM 5.1.0 introduces programme events and subevents. The Event hierarchy option is applied consistently to both Summary counts and Top N event lists.

Hierarchy Visibility

A subevent is not displayed when its parent event is not visible to the current visitor. Events assigned to nested venues also respect the effective venue hierarchy and access rules.

Age-Aware Results

JEM 5.1.0 applies the effective event and venue age classification when calculating counts and Top N results. A restricted event can therefore disappear from both the list and the displayed count for a registered user who is outside the permitted range.

The Types module does not display an age badge itself. Age classification affects whether the event is counted and listed.

Related Frontend Views

Source Code And GitHub References

• JEM 5.0.1 module source
• JEM 5.0.2 development source
• JEM 5.1.0 development source
• Issue #1603: Type of event
• Issue #2131: Complete JEM frontend menu
• Issue #2154: Intro and footer text
• Issue #2293: Event programmes and hierarchies
• Issue #1949: JEM module CSS overrides