Page tree
Skip to end of metadata
Go to start of metadata


This module showcases the listings in a slideshow format. Users can see the image along with the title of the listing.

The JomDirectory Slideshow module upon activation is seen as follows on the pages:

Screen 1: JomDirectory Slideshow screen

Editing the JomDirectory Slideshow Module

To edit the module, click on the module link or select the checkbox next to the module name, and then click Edit.

The following image shows the module edit screen.

Screen 2: Module tab

Module Tab

This tab controls the layout where the map panel is to be displayed on the screen.

Screen 3: Module tab

Provide the options as per the following table.




Number of listings for which images need to be shown in the slideshow

A number of characters

Number of characters from the description that will be shown in the slideshow.

Image Format

The format for the thumbnail listing image. 
1:1 = Image will be unchanged. 
4:3 = image will be resized to 4:3 format. 
10:9 = Image will be resized to 10:9 format.


Enable to show only featured listings.

Show Address

Enable to show the address of the listing.

Show Description

Enable to show the description up to the character limit set.


Select either of the following options.

  • Current Browse (auto) – Automatically displayed based on the category.
  • Selected Below – Listings belonging to only these categories are shown.

Choose Category

If Selected Below is selected for the above field, select the required category.

Sort Options

Select how the displayed listings should be sorted by.

  • Latest
  • Most Viewed
  • Alphabetically
  • Updated
  • Most Rated DESC
  • Most Rated ASC

Use Listings IDs

Enable to make the next set of settings work.

IDs CSS Item Styling

Provide comma separated IDs in this field. Such as, 21, 22 and so on.

Use IDs for the CSS Classes

If set to yes, to each Caption, CSS Class ID will be added e.g. .jd-slide-title21 where 21 is ID of the listing.

Listing ID can be found under Directory Listing View in Table - Column ID. It works best with Use Listings ID's setting

You can select individual listings and promote them with different captions.

If set to No, the default CSS will be used for all captions.

Slide CSS

Provide your CSS here with individual captions positions and styling. For example, here is a sample slide css.

Slider Width

Slider width in pixels

Slider Height

Slider height in pixels

Slide Delay (seconds)

Slideshow delay in seconds

Full Width

Enable to cover the entire width of the slideshow image.

Slide Transition

Select from the following options.

  • Random
  • Fade
  • Boxslide
  • Slotzoom-horizontal
  • Slotzoom-vertical
  • Curtain-1
  • Curtain-2
  • slideup

Slide Navigation

Select from the following options.

  • Bullet
  • Thumb
  • None

Slider Shadow

Enable to provide the shadow effect.

Show Title

Show or hide the title for the search panel.


Select the position based on your Joomla Template.


Select the status of the module:

  • Published
  • Unpublished
  • Trashed

Start Publishing

Provide a date when the search panel should be published.

Finish Publishing

Provide a date when the search panel should be unpublished.


Provide access level for the panel.

  • Guest
  • Public
  • Registered
  • Special


Provide the order in which the side panel should appear. If more than one module is positioned at the same location, you can set the order of appearance in this field.


Select the language for which you want to display this panel. For each language, you must create a new JomDirectory Search module.


Provide additional information.


Menu Assignment tab

This tab controls where the module should be displayed. You can decide if it should be displayed on all pages for the site or just selective pages.

Screen 4: Menu Assignment tab

Select the required menu for module assignment. The available options are:

  • On all pages
  • No pages
  • Only on the pages selected
  • On all pages except those selected

For the last two options, the screen is as shown in the following image:

Screen 5: Menu Assignment options tab


  • No labels