In Wilcity 188.8.131.52, We added a new shortcode called Listings Tabs. The same Listing Grid shortcode, Listings Tabs will display your listings on Grid Layout, but it contains 2 advantage features that helps customer can filter Listings right on the Homepage.
Setting up Listings Tabs on Home page
Listings Tabs is available on the 3 page-builders: King Composer, Elementor and Visual Composer, so it’s not depends on what page builder you are using. In this tutorial, I will use King Composer page-builder, You can do the same on the rest page-builders.
Step 1: From the admin sidebar, click on Pages -> Your homepage -> Click on Add New shortcode Icon
Step 2: Now, search for Listings Tabs shortcode -> Click on this shortcode
Step 3: Understanding Get Listings In, Get Terms Type, Post Filter Type, Toggle View more setting
Get Listings In
Get Listings in the specify Taxonomy. There are 2 options: Listing Category and Listing Location.
Get Terms Type
There are 2 options Get Term Children and Specify Terms.
For instance, We have 4 Locations: New York, San Francisco, Last Vegas, USA, and USA is parent category of New York, San Francisco, Last Vegas
If you select Get Term Children as Get Terms Type mode, and select USA for Listing Location field setting => New York, San Francisco, Last Vegas will be shown up on Listings Tabs as its navigation
If you select Specify Terms on Get Terms Type mode, only Listing Location that listed on Location setting field will be shown up.
Post Types Filter
This setting allows customers can Filter Listing Type right on HomePage.
For instance: If you click on Last Vegas and switch Listing Type to Event, it will show up Events in the Last Vegas location.
Toggle View More
If you select Enable, the View More button will display like the screenshot above. The URL of view more button depends on your Filter.
EG: When selecting New York and Event Listing Type, the View More url will contains New York location and Event listing Type. But if you click on Last Vegas, the View More url will replace New York with Last Vegas. In other words, It’s a DYNAMIC URL.