Documentation

Properties listing layout makes it possible to display all available properties as a list on the front-end of your website. In this tutorial, we will learn how to create a Properties listing page.

We will proceed as follows:

• How to display a Properties listing menu item
• How to configure a Properties listing layout

To display a menu item, you need to create a menu item and assign Properties listing layout to it. To learn how to create a menu item, follow the steps below:

1. Log in to your administrator panel using your credentials.

2. Locate Menus dropdown in the top menu of your Joomla control panel and click on it.

3. Choose Main Menu => Add New Menu Item from the dropdown.

4. Locate Menu Title textbox and enter List View into it.

To assign a Properties Listing layout to a newly created item, follow the steps below:

5. Locate Details tab.

6. Locate Menu Item Type field and click Select.

7. Locate FW RE Agency dropdown and choose Properties Listing layout from the list.

8. After you are done, your screen should look similar to the screenshot below.

After you are done, your screen should look similar to the screenshot below.

The Properties Listing layout has a variety of options for configuring your properties listing view. You can choose to display properties by a particular country, category, agent, etc. You can also choose to display or hide lease filter, availability filter, property categories, and many more. To configure the Properties Listing layout, follow the steps below:

1. Navigate to Options tab.

2. Locate Country dropdown and choose USA from the list. Thus, you indicate that only US property will be displayed for List View menu item.

3. Locate Region dropdown and leave it empty. Thus, you indicate that the property belonging to all US regions will be displayed for List View menu item.

4. Mouse over City dropdown and leave it empty. Thus, you indicate that the property belonging to all US cities will be displayed for List View menu item.

5. Go to Category dropdown and choose Flats for sale from the list. Thus, the properties belonging to the specified category will be displayed for List View menu item.

6. Locate Property Type dropdown and select Flats from the list. Thus, the properties belonging to the specified type will be displayed for List View menu item.

7. Mouse over Status dropdown and choose All. Thus, the properties with all available statuses will be displayed for List View menu item.

8. Locate Agent dropdown and choose All. Thus, the properties from all agents will be displayed for that particular menu item. To learn how to add agent, review Agent tutorial.

9. Locate Layout field and choose List. Thus, the list view will be displayed by default. You can change a layout via the front-end. To learn how to manage properties via the front-end, review Front-end tutorial.

10. Locate Featured only field and choose No.

11. Locate Display Lease Filter and choose Yes.

12. Mouse over Availability filter and choose Yes. Thus, you add the ability to search for properties available for a specific period of time. Just enter a start and end date of the rental period and get the list of available properties.

13. Locate Hide Property Categories field and choose No.

14. Locate Description length textbox and enter 200 into it. Thus, you limit the number of description symbols.

15. Locate Properties Limit textbox and enter 12 into it. Thus, you limit the number of properties displayed per page.

16. Click Save button. Your screen should look similar to the screenshot below.

Having saved all settings for List View menu item, go to the front-end and review how it is displayed. With these settings, your screen should look similar to the screenshot below: