Content

The Property Carousel allows you to display properties in a nice carousel module fully customizable. To use the Property Carousel v2 module be sure that you are working on a Visual Composer page template.

Add the Property Carousel v2 module to a page

Activate the Visual Composer Editor clicking on Backend Editor. Locate the Backend Editor button just below the page title. After clicking on the Backend Editor button you will see the WPBacker Page Builder section appear.

 

Use the button + Add Element to start to design your page and add content blocks or rows to your page.

  1. Select By Favethemes
  2. Click on Property Carousel v2 module to place the module on the page.

Property Carousel v2 module settings

Once you have placed the module on the page, edit the module to access pop up settings panel displayed in the image below.

General

  1. Grid Style: Choose grid style (Version 1 or 2), Version 1 is the default
  2. Property Type filter: Select the property types you want to show.
  3. Property Status filter: Select the property status you want to show.
  4. Property City filter: Select the property city you want to show.
  5. Property Area filter: Select the property area you want to show
  6. Featured Properties: Select if you want to show or not featured properties.
  7. Properties IDs: Enter properties ids comma separated. (Ex 12,305,34)
  8. Limit post number: Enter how many properties you want to show
  9. Offset posts: You can choose offset post number
  10. Optional – Custom Title: Enter module title (optional)
  11. All – Button Text: Enter the button name like “View All”
  12. All – button URL: Enter the URL for the “View All” button

Carousel Settings

Inside the module pop-up window click on Carousel Setting to open this options.

  1. Auto Play: Choose if you want your slider scroll automatically or not.
  2. Infinite Scroll: Choose if you want infinite scroll or not
  3. Auto Play Speed: Autoplay Speed in milliseconds. Default 3000
  4. Slides To Scroll: Choose how many slides you want to scroll when visitors will click on Next – Prev slider buttons
  5. Next/Prev Navigation: Choose if you want to display Next – Prev slider buttons
  6. Dots Nav: Choose if you want to display the dots navigation.

Was this article helpful to you?

Comments are closed.