# Listings

## Overview

Listings are nothing but the product listings that you want to create in the site. Each listing is attached to a category. They are created in the same manner as Joomla articles, but are not related to Joomla articles in definition.

### Creating A New Listing

The following image shows the Listings screen.

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

**Screen 1: Listing screen**

The following table explains the different options seen on the screen.

<div id="bkmrk-new-creates-a-new-ad"><table><tbody><tr><td>**New**

</td><td>Creates a new Address entry. You must create separate entries for each level of depth that you need.

</td></tr><tr><td>**Edit**

</td><td>Provides the edit mode to make changes to the existing level or titles created.

</td></tr><tr><td>**Publish**

</td><td>Publishes the created address entry.

</td></tr><tr><td>**Unpublish**

</td><td>Removes the entry from the list of published address entries

</td></tr><tr><td>**Archive**

</td><td>Archives address entries that are not used anymore.

</td></tr><tr><td>**Trash**

</td><td>Deletes the address entry that is not required anymore.

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

</div>### Edit Listing

If you want to edit existing entries, you can either click the entry from the Listings screen or select the check box next to the entry, and then click Edit.

This tab provides options to add title, description, select category, and other options for the Listing as seen in the following image:

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

**Screen 2: Edit Listing screen**

The following table shows the options available:

<div id="bkmrk-edit-listing-area-ti"><table style="width: 100%;"><tbody><tr><td data-highlight-colour="yellow" style="width: 12.236%;">##### Edit Listing area

</td><td style="width: 16.565%;">**Title**

</td><td style="width: 71.199%;">Title for the Listing.

</td></tr><tr><td data-highlight-colour="yellow" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Alias**

</td><td style="width: 71.199%;">URL alias for “SEF/SEO” URL.

</td></tr><tr><td data-highlight-colour="yellow" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Category**

</td><td style="width: 71.199%;">Category where the listing will be published.

</td></tr><tr><td style="width: 12.236%;">##### Business Type

</td><td style="width: 16.565%;">**Select the type of accomodation you need.**</td></tr><tr><td style="width: 12.236%;">##### Advance Payment Required

</td><td style="width: 16.565%;">**Select the percentage of advance payment required from 0 to 100 percent.**</td></tr><tr><td data-highlight-colour="yellow" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Text Area**

</td><td style="width: 71.199%;">Provide a description for the listing.

You can create a short description as well a long description.

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

<div data-hasbody="true" data-macro-name="info"><div>In the above image, the red dotted line appears when you click **Read More**. Any content above the red line is the **short description**, while the entire content is the **long description**. Also, note that if there is no content after the **Read More** tag, the event description will be blank when users view the listing. Ensure that you have content after the **Read More** tag.</div></div></td></tr><tr><td data-highlight-colour="yellow" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Choose Article**

</td><td style="width: 71.199%;">Click to select a relevant article. If an article is provided, it can be seen under the Details tab in the listing.

</td></tr><tr><td data-highlight-colour="yellow" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Page Break *Button***

</td><td style="width: 71.199%;">Insert a page break in the displayed text.

</td></tr><tr><td data-highlight-colour="yellow" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Toggle editor *Button***

</td><td style="width: 71.199%;">Toggle between plain text and rich text editor

</td></tr><tr><td style="width: 12.236%;">##### Read More

</td><td style="width: 16.565%;">**Click to demarcate text that needs to be displayed as short description.**</td></tr><tr><td data-highlight-colour="red" style="width: 12.236%;">##### Address area

</td><td style="width: 16.565%;">**Address**

</td><td style="width: 71.199%;">Address of the listing

</td></tr><tr><td data-highlight-colour="red" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Street, House No.**

</td><td style="width: 71.199%;">Street and house number of the listing - If both Address and Full Address specified, map location will position automatically.

</td></tr><tr><td data-highlight-colour="green" style="width: 12.236%;">##### Location area

</td><td style="width: 16.565%;">**Latitude**

</td><td style="width: 71.199%;">It utilizes the GEO-location based on Google Maps.

Provide the latitude information for the location mapping.

</td></tr><tr><td data-highlight-colour="green" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Maps longitude**

</td><td style="width: 71.199%;">The information provided in this field is used to map the exact location. It utilizes the GEO-location based on Google Maps.

Provide the longitude information for the location mapping.

</td></tr><tr><td data-highlight-colour="green" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Maps Search**

</td><td style="width: 71.199%;">Search for a specific location. Type in the location and press Enter to go to the exact location.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;">##### Sidebar

</td><td style="width: 16.565%;">**Featured**

</td><td style="width: 71.199%;">Enable to make the listing appear as featured listing.

</td></tr><tr><td style="width: 12.236%;"> </td><td style="width: 16.565%;">**Book Type**

</td><td style="width: 71.199%;">Select if you would like to add e.g. Apartment with resource or Tours

</td></tr><tr><td style="width: 12.236%;"> </td><td style="width: 16.565%;">**Book Now Type**

</td><td style="width: 71.199%;">Select an Online Booking with build in calendar or by only Contact Form, 3'rd option is a redirect to external URL

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Approved**

</td><td style="width: 71.199%;">Enable to approve the listing. Listing will not be published.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Language**

</td><td style="width: 71.199%;">Select the language for which the listing needs to appear for. [For multiple languages, you must create separate entries for each language](https://wiki.comdev.eu/display/JH3/Multilingual+Site).

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Status**

</td><td style="width: 71.199%;">Select the required status.

- Published
- Unpublished
- Trashed
- Archived

</td></tr><tr><td style="width: 12.236%;">##### Owner

</td><td style="width: 16.565%;">**Select the owner of the listing.**</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Created by**

</td><td style="width: 71.199%;">Select the user who created the listing.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Access**

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

- Guest
- Public
- Registered
- Special

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Date created**

</td><td style="width: 71.199%;">Select the date when the listing was created. You can select a future date for publishing the listing as well.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Start Publishing**

</td><td style="width: 71.199%;">Select a date when you want to publish the listing. Here too, you can schedule to post the listing at a future date.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Finish Publishing**

</td><td style="width: 71.199%;">Select a date when the listing should stop being published.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Modified Date**

</td><td style="width: 71.199%;">Select a date when the listing was modified.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**Tags**

</td><td style="width: 71.199%;">Provide the tags for the listing. Tags are integrated and maintained with Joomla Tags Component.

</td></tr><tr><td data-highlight-colour="blue" style="width: 12.236%;"> </td><td style="width: 16.565%;">**ID**

</td><td style="width: 71.199%;">This is an auto-generated field.

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

</div>#### Understanding the Location area in Edit listing tab

Let us understand how to provide the address and Street/House No for providing the exact locations on the map. When you provide the address, street and House No. in the backend when creating listings, the location position automatically. If the House No. is not provided, additional location fields needs to be used.

##### Mapping using longitudes and latitudes

If you provide the latitudes and longitudes, and the Maps Search setting is left blank, the location mapping is done based on these parameters as shown in the following image.

![](https://wiki.comdev.eu/download/attachments/7438866/adminguide_listing_jh4.jpg)

**Screen 3: Map using longitudes and latitudes values**

##### Mapping with Map Search values 

If the Map Search field has a value provided to it, it takes precedence as shown in the following image. If the Map Search field value is given as “New York”, the location will map to this location.

![](https://wiki.comdev.eu/download/attachments/7438866/adminguide_listing_jh5.jpg)

**Screen 4: Map using Map Search Field values**

### Custom Fields tab

This tab includes all the custom fields created for a particular category. If the custom field is not applied to a specific category, it can be seen for all categories when creating a listing. The following image shows the Custom Fields tab screen.

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

**Screen 5: Custom Fields tab**

For more information about creating custom fields, see [Custom Fields](http://confluence.comdev.eu/display/JH3/Custom+Fields+Templates).

### Images tab

This tab includes information about images and videos attached to the listing. Before you can add images to the listing, you must save your listing at least once. This ensure that all the other data you have filled for the listing does not disappear after the images are added.

The Images tab can be seen as shown in the following image:

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

**Screen 6: Images tab**

<div data-hasbody="true" data-macro-name="info" id="bkmrk-to-set-the-the-order"><div>To set the the Order of the images (which one displayed first) drag and drop images to switch positions.</div></div><div data-hasbody="true" data-macro-name="note" id="bkmrk-the-first-image-in-t"><div>The first image in the gallery is used as the image thumbnail for the listing.</div></div>Provide the options as shown in the following table.

<div id="bkmrk-images-add-file-area"><table><tbody><tr><td colspan="1" data-highlight-colour="yellow">##### Images

</td><td>**Add file area**

</td><td>Add Files

</td><td>Click to select the image that needs to be uploaded.

</td></tr><tr><td> </td><td>Drag &amp; Drop Files Here

</td><td>Drag a bunch of images to this area to upload multiple images.

</td></tr><tr><td> </td><td>Upload Into

</td><td>Select which category the image falls under:

- Slideshow - detailed view main gallery
- Gallery - in gallery tab
- Logo - displayed in sidebar under custom fields and over the image with transparency in listings page.

</td></tr><tr><td> </td><td>Add available images &amp; attachments

</td><td>Click to add already uploaded images and attachments to this listing.

</td></tr><tr><td>**Images area**

</td><td>Editing an Image

 ![](https://wiki.comdev.eu/download/attachments/7438866/adminguide_listing_jh8.jpg)

</td><td>Click the ![](https://wiki.comdev.eu/download/attachments/7438866/Listings_edit_icon.jpg) Edit icon to edit the image details. The options are as seen in the following image:

 ![](https://wiki.comdev.eu/download/attachments/7438866/Listings_Images_edit1.jpg)

Click the ![](https://wiki.comdev.eu/download/attachments/7438866/Listings_close_icon.jpg) Delete icon to delete the image.

</td></tr><tr><td>**Attachments area**

</td><td> </td><td>Click the ![](https://wiki.comdev.eu/download/attachments/7438866/Listings_edit_icon.jpg) Edit icon to edit an attachment that is linked to the listing. The screen is as shown here:

 ![](https://wiki.comdev.eu/download/attachments/7438866/Listings_Images_Attachments.jpg)

Click the ![](https://wiki.comdev.eu/download/attachments/7438866/Listings_close_icon.jpg) Delete icon to delete the attachment.

<div data-hasbody="true" data-macro-name="note">  
</div>Attachments are detected automatically based on file extension that’s are allowed in Configuration .

</td></tr><tr><td colspan="1" data-highlight-colour="blue">##### YouTube Video

</td><td colspan="1">Provide the YouTube video URL in this field as shown in the following image.

![](https://wiki.comdev.eu/download/attachments/7438866/adminguide_listing_jh9.jpg)

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

</div><div id="bkmrk--6">---

</div>### Booking Addons tab

This tab provides options to select additional amenities or resources that the listing provides at additional cost. These are visible when booking process is started.

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

**Screen 7: Booking Addons tab**

For each addon that is added for a listing, you must set the Addon Price. Provide the price for each addon under the **Addon Price** column.

### Metadata tab

This tab includes the Meta title and Meta description for the listing