FIlterable Properties Grid lets you showcase your properties in an animated and sortable layout.
Just install and activate this addon and use the following shortcode to use it.
[rem_filterable_grid]
It will display your properties something like this
All Available Attributes
The following attributes are available for the shortcode [rem_filterable_grid]
| Attribute | Default Value | Description |
|---|---|---|
| filter_by | property_type | Here you can provide the field name, and the available values of that field will become the top buttons |
| price_filter | disable | Enable or Disable price filtering here. You can use enable or disable |
| display_all | yes | Do you want to display the All button? Provide yes or no |
| display_all_label | ALL | Provide the label here for All button |
| order | ASC | ASC or DESC |
| orderby | date | How do you want to order properties |
| columns | 3 | Provide a number of columns for each row here |
| style | 3 | Property listing style |
| total | -1 | The number of total properties to display |
| cats | Comma-separated category names | |
| tags | Comma-separated tag names | |
| meta | Please read using the meta attribute | |
| active | Provide the key here for the default active | |
| price_range_class | col-md-3 | Columns class for price range wrapper |
| buttons_wrap_class | col-md-9 | Columns class for filter buttons wrapper |
| animation | fade translateZ(-100px) | Animation for property boxes |
| duration | 700 | Animation duration in milliseconds for property boxes |
| min_price | The minimum price for the slider that can be selected | |
| min_price_a | Minimum active price for the slider | |
| max_price | The maximum price for the slider that can be selected | |
| max_price_a | Maximum active price for the slider | |
| btn_bg_color | The background color of the filtering buttons | |
| btn_text_color | Text color for the filtering buttons | |
| btn_bg_active_color | Background color for the filtering buttons for the active state | |
| btn_text_active_color | Text color for the filtering buttons for the active state | |
| slider_bg_color | Price slider background color | |
| slider_handle_color | The price slider handles color | |
| slider_badge_bg_color | Price slider background color for the badge | |
| slider_badge_text_color | Price slider text color for the badge |
Below are some examples for the quick start
Centering the top buttons
[rem_filterable_grid buttons_wrap_class="col-sm-12"]
Enable the Price Range Slider
[rem_filterable_grid price_range_class="col-sm-12" buttons_wrap_class="col-sm-12" price_filter="enable"]
