# User Guide



# Front Admin Overview

### Overview

The dashboard gives a quick snapshot of all the tasks that you can perform using the Front Admin. It also provided multiple menu items that you can use to create listings, view listings, view membership plans, and so on. The other options that you can control are approving reviews, viewing statistics, upgrading membership for a particular user, and so on.

For the Menu to be able to access the JomDirectory Front Admin, certain settings need to be made. You must create the Profile Edit Menu link, Admin Menu link, and Profile View Menu link in the JomDirectory Front Admin configurations to be able to access Front Admin. For more information, see the <span style="line-height: 1.4285715; background-color: transparent;">Front Admin Options section in the [Menu Items](https://wiki.comdev.eu/books/jomdirectory/page/menu-items "Menu Items") documentation.</span>

### Accessing the dashboard

When you access the home URL for JomDirectory extension, do the following:

1. Click **Front Admin**.
2. Provide the login details for the required user and click **Submit**.

The dashboard with various options can be seen as shown in the following image.

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

**<span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5734996/frontend_admin.png)</span>**

**Screen 1: Dashboard screen**

You can click the options as seen in the following table.

<div bis_skin_checked="1" class="table-wrap" id="bkmrk-listing-stats-shows-"><table class="confluenceTable tablesorter tablesorter-default stickyTableHeaders" role="grid" style="padding: 0px; width: 100%;"><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd" colspan="1" style="width: 17.6729%;">##### Listing stats

</td><td class="confluenceTd" colspan="1" style="width: 19.5335%;">**Shows the general statistics about the listings**</td><td class="confluenceTd" colspan="1" style="width: 62.7936%;"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5734996/frontend_listing_stats.png)</span></td></tr><tr role="row"><td class="confluenceTd" style="width: 17.6729%;">##### Report

</td><td class="confluenceTd" style="width: 19.5335%;">**Most Viewed graph**

</td><td class="confluenceTd" style="width: 62.7936%;">View the statistics for the site based on the listings viewership.

</td></tr><tr role="row"><td class="confluenceTd" style="width: 17.6729%;">##### Membership

</td><td class="confluenceTd" style="width: 19.5335%;">**Upgrade Your Membership NOW!**

</td><td class="confluenceTd" style="width: 62.7936%;">Upgrade to another membership plan. Click Upgrade on the plan tab for the plan you want to upgrade to as shown here.

<span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5734996/Dashboard_Membership.jpg)</span>

</td></tr><tr role="row"><td class="confluenceTd" style="width: 17.6729%;">##### Profile

</td><td class="confluenceTd" style="width: 19.5335%;">**Profile**

</td><td class="confluenceTd" style="width: 62.7936%;">View the profile details for your profile.

</td></tr><tr role="row"><td class="confluenceTd" style="width: 17.6729%;">##### Approve Comments

</td><td class="confluenceTd" style="width: 19.5335%;"></td><td class="confluenceTd" style="width: 62.7936%;">Click the review to see the listing page it applies to. To approve a listing, select the check box next to the review comment and click **Approve**.

If you want to delete the comment, click **Delete**.

<span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5734996/frontend_comments.png)</span>

<div bis_skin_checked="1" class="confluence-information-macro confluence-information-macro-information conf-macro output-block" data-hasbody="true" data-macro-name="info"><div bis_skin_checked="1" class="confluence-information-macro-body">Approve comments appears only when enabled under JomDirectory Options -&gt; Front Admin settings</div></div></td></tr></tbody></table>

</div>

# Manage Listings

### Overview

You can view all the listings created for your site or create a new listing. The created listings let you add descriptions, images, provide ratings, and much more.

### Creating a New Listing

The following image shows the Listings screen.

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/8WDobraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/8WDobraz.png)**<span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5735004/frontend_listings.png)</span>**

**Screen 1: Listing screen**

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

<div bis_skin_checked="1" class="table-wrap" id="bkmrk-button-usage-insert-"><table class="confluenceTable"><thead><tr><td class="highlight-blue confluenceTd" data-highlight-colour="blue">**Button**

</td><td class="highlight-blue confluenceTd" data-highlight-colour="blue">**Usage**

</td></tr></thead><tbody><tr><td class="confluenceTd">**Insert New**

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

</td></tr><tr><td class="confluenceTd">**Publish**

</td><td class="confluenceTd">Publishes the created address entry.

</td></tr><tr><td class="confluenceTd">**Unpublish**

</td><td class="confluenceTd">Removes the entry from the list of published address entries

</td></tr><tr><td class="confluenceTd">**Delete**

</td><td class="confluenceTd">Deletes the address entry that is not required anymore.

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

</div>

# Manage Reviews

### Overview

Users can provide reviews about the listing that can be viewed on the Listing page under the Reviews tab. This review will need to be approved by the owner of the listing before it can be seen under this tab.

### Viewing Reviews

After logging into the Front Admin, click **Listings**. You can see the available listings. Each listing has an <span class="confluence-embedded-file-wrapper">![](https://wiki.comdev.eu/download/attachments/7438653/listings_review_icon.png)</span> icon that takes you to the Reviews page.

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

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/aUaobraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/aUaobraz.png)**Screen 1: Reviews**

Provide the options as seen in the following table.

<div bis_skin_checked="1" class="table-wrap" id="bkmrk--2">  
</div><div bis_skin_checked="1" class="table-wrap" id="bkmrk-approve-select-the-r"><table class="confluenceTable tablesorter tablesorter-default stickyTableHeaders" role="grid" style="padding: 0px;"><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd">Approve

</td><td class="confluenceTd">Select the review you want to approve, and then click **Approve**.

</td></tr><tr role="row"><td class="confluenceTd">Unapprove

</td><td class="confluenceTd">Select the review you want to unapprove, and then click **Unapprove**.

</td></tr><tr role="row"><td class="confluenceTd">Delete

</td><td class="confluenceTd">Select the review you want to delete, and then click **Delete**.

</td></tr><tr role="row"><td class="confluenceTd"><span class="confluence-embedded-file-wrapper">![](https://wiki.comdev.eu/download/attachments/7438653/Review_publish.jpg)</span> Publish Item

</td><td class="confluenceTd">Click to publish the review.

</td></tr><tr role="row"><td class="confluenceTd"> <span class="confluence-embedded-file-wrapper">![](https://wiki.comdev.eu/download/attachments/7438653/Review_unpublish.jpg)</span>Unpublish Item

</td><td class="confluenceTd">Click to unpublish the review.

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

</div>

# User Membership

### Overview

You can view the user membership plan details on the Front Admin page. If eligible for, you can also upgrade the user membership plan to a higher plan.

<p class="callout info">User membership plan can not only be upgraded through the Front Admin. You can perform other membership tasks from the back end using the information given in the</p>

<div bis_skin_checked="1" class="confluence-information-macro confluence-information-macro-note conf-macro output-block" data-hasbody="true" data-macro-name="note" id="bkmrk-%C2%A0membership-section-"><div bis_skin_checked="1" class="confluence-information-macro-body">Membership section of the Administrative Guide.</div><div bis_skin_checked="1" class="confluence-information-macro-body">  
</div></div>The following screen shows the Membership details for the user.

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/CHLobraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/CHLobraz.png)**<span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5735273/frontend_membership.png)</span>**

**Screen 1: Membership details**

To upgrade the user membership plan you can either click **Upgrade** or click the Membership tab on the Front Admin page. The membership plans that are available for upgrade are shown as seen in the following image.

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/Rx1obraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/Rx1obraz.png)**<span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5735273/membership_plans.png)</span>**

**Screen 2: Membership plans**

Click **Upgrade** to upgrade to the higher plan. You can then select an appropriate mode of payments and complete the transaction.

<div bis_skin_checked="1" class="confluence-information-macro confluence-information-macro-note conf-macro output-block" data-hasbody="true" data-macro-name="note" id="bkmrk-to-see-the-upgrade-b"><div bis_skin_checked="1" class="confluence-information-macro-body">To see the Upgrade button for any plan, ensure that you have configured PayPal or other payment gateway details. For more information, see [PayPal Configuration](https://wiki.comdev.eu/books/installation-requirements-language/page/paypal-configuration "PayPal Configuration").</div></div>

# Listings Messages

{{@111}}

# Profile & Settings (User Profile)

### Overview

After creating a user, a user can edit his profile details such as password, email address, language settings, timezone settings, and much more.

To edit your profile, from the Front Admin, click **Profile** as shown in the following screen.

[![obraz.png](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/vProbraz.png)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/vProbraz.png)**<span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://wiki.comdev.eu/download/attachments/5735000/frontend_admin.png)</span>**

**Screen 1: Profile screen**

### Editing a profile

On the Profile screen, click **Edit Profile** as shown in the following screen.

Provide the values as given in the following table.

<div bis_skin_checked="1" class="table-wrap" id="bkmrk--3">  
</div><div bis_skin_checked="1" class="table-wrap" id="bkmrk-edit-your-profile-na"><table class="confluenceTable tablesorter tablesorter-default stickyTableHeaders" role="grid" style="padding: 0px;"><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd">##### Edit Your Profile

</td><td class="confluenceTd">**Name**

</td><td class="confluenceTd">Provide a name.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Username**

</td><td class="confluenceTd">Cannot be edited.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Password**

</td><td class="confluenceTd">Provide a new password.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Confirm Password**

</td><td class="confluenceTd">Confirm the new password.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Email Address**

</td><td class="confluenceTd">Provide a new email address.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Confirm email Address**

</td><td class="confluenceTd">Confirm the new email address.

</td></tr><tr role="row"><td class="confluenceTd">##### Basic Settings

</td><td class="confluenceTd">**Editor**

</td><td class="confluenceTd">Select one of the following:

- Editor – CodeMirror
- Editor-none
- Editor-TinyMCE

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Timezone**

</td><td class="confluenceTd">Select a timezone.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Frontend language**

</td><td class="confluenceTd">Select the required language for front end.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Backend Template Style**

</td><td class="confluenceTd">Select from the available templates or keep as default.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Backend language**

</td><td class="confluenceTd">Select the required language for back end.

</td></tr><tr role="row"><td class="confluenceTd"></td><td class="confluenceTd">**Help Site**

</td><td class="confluenceTd">Select from the available Help site options for your required language.

</td></tr><tr role="row"><td class="confluenceTd">##### Additional Options

</td><td class="confluenceTd">**Logo**

</td><td class="confluenceTd">Additional fields defined in User - profile Joomla plugin

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

</div><p class="callout info">To save the settings you changed, click Submit. If you click the **Settings** link on the Front Admin screen, it will take you to the **Edit Profile** page. </p>