The Categories Slider Shortcode in WpRentals is a visual and interactive way to showcase listing categories (like property types, categories, cities, areas,) in a horizontal carousel format. It’s perfect for making your homepage or landing pages more dynamic and engaging.
How to Use – with Elementor
Edit Page with Elementor
-
Go to the page where you want to add the categories grid (like your homepage).
-
Click “Edit with Elementor.”
Add the Widget
-
In the Elementor sidebar, search for “WpRentals Categories Slider”.
-
Find the widget and drag it into the section where you want the grid to appear.
Select Categories to Display
-
In the widget’s content settings, you can choose which categories to display. All categories are listed as option (cities, areas, types, categories)
-
Select the categories manually
-
Set how many categories to show per row (for example, 4 per row will enable the slider from 5 categories or more, 3 per row will enable the slider from 4 categories or more).
Choose Design Type
-
The widget offers two design types: Type 1, and Type 3
-
Choose the design style you like best. You can switch between them and see the preview.
Type 1
Type 3
For Type 3 you can select also the space between the cards
Style the WpRentals Categories List Widget
-
Change the border radius for rounded corners.
-
Customize fonts, colors, and the position of the arrows
How to Add Images to Categories
Go to the Categories Section
-
In the dashboard menu, find Properties (or your custom post type).
-
Click on Categories (or the taxonomy you want, e.g., Cities, Categories, Areas, Types).
Edit or Add a Category
-
To add an image to an existing category, hover over the category name and click Edit.
- Type the Name of the New Category. Click Add New category button
- Titles must equal slugs. Let WordPress create the slug automatically.
Step 4: Set the Category Image
-
In the category edit screen, look for an option to upload or set a Featured Image
-
Click Upload/Add Image, choose or upload the image you want, and save (Click Update)
How to Use the Categories List in WPBakery
-
Edit the Page with WPBakery
-
Go to Pages → Edit the page where you want to add the list.
-
Click “Edit with WPBakery Page Builder.”
-
-
Add the “Categories List” Element
-
Click the “+” Add Element button.
-
In the popup, search for “Categories Slider”.
-
Click to insert it into the page.
-