Home / / 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.