Documentation

A property slideshow is a must for an up-to-date real estate website. It is particularly important in the initial screening stage since most clients start their search on the web, and it is always better to show rather than tell. In this tutorial, we will learn how to configure FW Real Estate Slideshow module.

We will proceed as follows:

• How to configure FW Real Estate Slideshow module

First, let’s enable FW Real Estate Slideshow module.

1. Locate Modules section following Extensions=>Modules direction.

2. Find FW Real Estate slideshow module using the search bar.

3. Enable it clicking the check button.

Now, let’s configure the module.

4. Click on the module title.

5. Locate Module tab and configure it. Assign position to the module and give it a title. Use the sample parameters listed in the FW Real Estate Slideshow module configuration and settings section of this tutorial. Your screen should look similar to the screenshot below.

6. Switch to the Menu Assignment tab.

7. Locate Module Assignment dropdown and select On all pages. Thus, the search will be displayed on all pages of your website.

8. Switch to the Options tab.

9. Locate Hide on one property and select Yes. As a result, the slideshow will not be displayed on a single property view.

10. Locate Category dropdown and select All. Thus, the images from all property categories will be displayed in the module.

11. Mouse over Type and select All. Thus, all property types will be displayed in the module.

12. Locate Status dropdown and select All. As a result, the properties with all statuses will be shown as a slideshow.

13. Mouse over Quantity slider control and set it as 10. Thus, 10 images will be shown as a slideshow.

14. Locate Ordering field and select Random.

15. Go to the Small Images Width (px) textbox and enter 100. You set a size for small images of the slideshow.

15. Locate Big Image Width (px) textbox and enter 350. You set a size for big images of the slideshow.

15. Locate Display Featured Only and select No.

16. Locate List position and select Left. Thus, the list with small images will be displayed on the left from the big image.

17. Mouse over Slideshow pause, sec slider control and set it to 5. Thus, you set intervals between the images within the slideshow.

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

Once the settings are saved, go to the front-end to see how the module is displayed.