WP Rentals Help WP Rentals Help

  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API
Home / Shortcodes / Categories Slider Shortcode for Elementor or WpBakery

Categories Slider Shortcode for Elementor or WpBakery

7672 views

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.

Shortcodes

Related Articles

  • How to create a custom contact form with the WpRentals Contact form builder for Elementor
  • How to Manage the WP Rentals Map with Listings Widget
  • How to use the WP Rentals Grids widget for Elementor
  • How to work with the WPRentals Tabs widget

HELP CATEGORIES

  • 61. General
  • 102. Installation & Basic Setup
  • 93. Installation FAQ
  • 404. How Booking Works
  • 145. User dashboard pages
  • 20Advanced Search Options
  • 3Blog Post
  • 9Custom Page Templates
  • 18Elementor Compatibility
  • 13Email Notifications
  • 19FAQ
  • 10Menu Options
  • 26Multi-Languages - 3rd party
  • 9Owner
  • 25Property / Listing
  • 21Shortcodes
  • 11Submit Form
  • 4Supported Maps
  • 93Technical how to
  • 5Third Party plugins
  • 3Translation
  • 13Widgets
  • 2WooCommerce Payments
  • 13WP Rentals Payment
  • 77WP Rentals Theme Options

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API