# Modules



# Latest Items Module

### Overview

Modules are extensions that assist in creating blocks of information on your site. They aggregate information from components and can be placed in predefined positions on the page based on your Joomla template.

### JomOffers Latest module

This module helps you create the panel where latest listings are displayed. You can decide where to position the latest panel on the page and also control on which pages the panel should appear. To view all the available modules, click **Extension** > **Module Manager**. The modules available are listed as seen in the following image.

### Editing the JomOffers Latest 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.

#### Module tab

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

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/cR9obraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/cR9obraz.png)

**Screen 8: Module tab**

Provide the options as per the following table.

<div id="bkmrk-layout-select-the-re"><table><tbody><tr><td>**Layout**

</td><td>Select the required layout in the Layout field. The available options are:

- Slider – Displays the latest listings in the form of a slideshow.
- Default –Displays the latest listings in the default format.

 ![](https://wiki.comdev.eu/download/thumbnails/5734945/Latest_Default.jpg)

- Grid – Displays the latest listings in a grid format.  
    ![](https://wiki.comdev.eu/download/thumbnails/5734945/Latest_.jpg)
- Clean - Displays the latest listings in a clean format

</td></tr><tr><td colspan="1">**Columns count**</td><td colspan="1">Number of columns of listing that should be listed in the panel</td></tr><tr><td>**Count**

</td><td>Number of listings that should be listed in the panel.

</td></tr><tr><td>**A number of Characters**

</td><td>Number of characters that will be displayed in the short description for listing thumbnail.

</td></tr><tr><td>**Image Width**

</td><td>Provide the image width for the thumbnail image.

<div data-hasbody="true" data-macro-name="note"><div>If Slider Layout set, image width must be the same size than Slider Width or larger.</div></div></td></tr><tr><td>**Image Format**

</td><td>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.

</td></tr><tr><td>**Latest or IDs**

</td><td>Select how you want the listings to be displayed as:

- Latest
- IDs

</td></tr><tr><td>**Enter IDs**

</td><td>If ID is selected in the column above, mention the starting ID of the listing.

</td></tr><tr><td>**Featured**

</td><td>Enable to show only featured listings.

</td></tr><tr><td>**Show Address**

</td><td>Enable to show the address of the listing.

</td></tr><tr><td>**Show Description**

</td><td>Enable to show the description up to the character limit set.

</td></tr><tr><td>**Category**

</td><td>Enable either of the following options.

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

</td></tr><tr><td>**Choose Category**

</td><td>If Selected Below is selected for the above field, select the required category.

</td></tr><tr><td>**Sort Options**

</td><td>Select how the displayed listings should be sorted by.

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

</td></tr><tr><td>**Slider Settings**

</td><td>Heading

</td></tr><tr><td>**Slider Width**

</td><td>Slider width in pixels

</td></tr><tr><td>**Slider Height**

</td><td>Slider height in pixels

</td></tr><tr><td>**Slide Delay (seconds)**

</td><td>Slideshow delay in seconds

</td></tr><tr><td>**Slider Shadow**

</td><td>Enable to provide the shadow effect.

</td></tr><tr><td>**Slider Thumbs**

</td><td>Enable to show image thumbnails

</td></tr><tr><td>**Slider Caption**

</td><td>Enable to show the image caption.

</td></tr><tr><td>**Show Title**

</td><td>Show or hide the title for the search panel.

</td></tr><tr><td>**Position**

</td><td>Select the position based on your Joomla Template.

</td></tr><tr><td>**Status**

</td><td>Select from the given options.

- Published
- Unpublished
- Trashed

</td></tr><tr><td>**Start Publishing**

</td><td>Provide a date when the latest listings panel should be published.

</td></tr><tr><td>**Finish Publishing**

</td><td>Provide a date when the latest listings panel should be unpublished.

</td></tr><tr><td>**Access**

</td><td>Provide access level for the panel.

- Guest
- Public
- Registered
- Special

</td></tr><tr><td>**Ordering**

</td><td>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.

</td></tr><tr><td>**Language**

</td><td>Select the language for which you want to display this panel. For each language, you must create a new JomOffers Latest module.

</td></tr><tr><td>**Note**

</td><td>Provide additional information.

</td></tr></tbody></table>

</div>#### 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.

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/tHKobraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/tHKobraz.png)

**Screen 9: 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

# Search Module

### JomOffers Search module

This module helps you create the search panel with fields that are searchable. All the fields that are defined as searchable during creation can be seen on this panel. You can decide where to position the search panel on the page and also control on which pages the panel should appear. To view all the available modules, click **Extension** &gt; **Module Manager**.

To create a new module, click **New**. Select the JomOffers Search module. Provide the information as given in the following sections. Click **Save** to save the module.

### Editing the JomOffers Search 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.

#### Module tab

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

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/8Ntobraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/8Ntobraz.png)

**Screen 3: Module tab**

Provide the options as per the following table.

<div id="bkmrk-layout-select-the-re"><table style="width: 100%;"><tbody><tr><td style="width: 16.3099%;">**Layout**

</td><td style="width: 83.6901%;">Select the required layout in the Layout field. The available options are:

- Horizontal – Horizontal Keyword field, category and address search field as seen in the following image:

![](https://wiki.comdev.eu/download/attachments/5734945/horizontal_search.png)

- Side Search – Vertical Side panel to filter search results as seen in the following image:

 ![](https://wiki.comdev.eu/download/attachments/5734945/side_search.png)

<div data-hasbody="true" data-macro-name="info"><div>Custom fields that have the Field can be Searched field enabled are seen in this panel. For more information, see [Custom Fields](https://wiki.comdev.eu/books/JomOffers/page/custom-fields "Custom Fields") in the Administrative Guide.</div></div>- Modern Search – Single keyword search field as seen in the following image:

 ![](https://wiki.comdev.eu/download/attachments/5734945/modern_search.png)

</td></tr><tr><td colspan="1" style="width: 16.3099%;">**Show Address**</td><td colspan="1" style="width: 83.6901%;">Hide or Show the address field in the frontend</td></tr><tr><td colspan="1" style="width: 16.3099%;">**Show category**</td><td colspan="1" style="width: 83.6901%;">Hide or Show category selection in the frontend</td></tr><tr><td colspan="1" style="width: 16.3099%;">**Custom Fields**</td><td colspan="1" style="width: 83.6901%;">Select if search should process custom fields</td></tr><tr><td colspan="1" style="width: 16.3099%;">**Default category**</td><td colspan="1" style="width: 83.6901%;">Select a default category that will be preselected in the frontend</td></tr><tr><td style="width: 16.3099%;">**Show Title**

</td><td style="width: 83.6901%;">Show or hide the title for the search panel.

</td></tr><tr><td style="width: 16.3099%;">**Position**

</td><td style="width: 83.6901%;">Select the position based on your Joomla Template.

</td></tr><tr><td style="width: 16.3099%;">**Start Publishing**

</td><td style="width: 83.6901%;">Provide a date when the search panel should be published.

</td></tr><tr><td style="width: 16.3099%;">**Finish Publishing**

</td><td style="width: 83.6901%;">Provide a date when the search panel should be unpublished.

</td></tr><tr><td style="width: 16.3099%;">**Access**

</td><td style="width: 83.6901%;">Provide access level for the panel.

- Guest
- Public
- Registered
- Special

</td></tr><tr><td style="width: 16.3099%;">**Ordering**

</td><td style="width: 83.6901%;">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.

</td></tr><tr><td style="width: 16.3099%;">**Language**

</td><td style="width: 83.6901%;">Select the language for which you want to display this panel. For each language, you must create a new JomOffers Search module.

</td></tr><tr><td style="width: 16.3099%;">**Note**

</td><td style="width: 83.6901%;">Provide additional information.

</td></tr></tbody></table>

</div>#### 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.

[![ClJobraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/cljobraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/cljobraz.png)

**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

# Live Search Maps Module

{{@132}}

# Slideshow PRO Module

{{@133}}