Service Listing Page
The Service Finder Theme includes a powerful and flexible Service Listing page powered by the service_finder_service_listing shortcode. This page allows users to browse services, filter results, and discover providers easily with a clean and modern layout.
Service Listing Shortcode
To display the Service Listing page, use the shortcode below on any page:
[service_finder_service_listing]
Once added, the shortcode automatically renders the complete service listing layout as shown in the screenshot below.
Service Listing Page Layout
The Service Listing page is divided into three main sections to provide a smooth browsing and filtering experience.
1. Left Sidebar – Service Categories
The left sidebar displays a list of available service categories. Users can quickly browse services by selecting a category.
- Displays service categories with icons/images
- Allows users to filter services by category
- Includes a reset option to clear category selection
2. Middle Section – Service Listings
The middle section displays the list of services based on the selected category and applied filters.
- Service title and short description
- Service price
- Featured service image
- Provider name
- View Profile button
Services are loaded using infinite scroll, which means more results load automatically as the user scrolls down the page, providing a fast and seamless browsing experience.
3. Right Sidebar – Advanced Filters
The right sidebar contains multiple filters that help users narrow down services based on their preferences.
- Keyword Search – Search services by title or keyword
- Price Range – Filter services based on minimum and maximum price
- Cost Type – Filter services by pricing type
-
Location Filters
- Country
- City
- Address
- Radius (KM)
After selecting filters, users can click the Apply Filters button to update the service results instantly.
How Service Listing Works
- Services are displayed dynamically using the shortcode
- Category selection updates listings instantly
- Advanced filters refine search results
- Infinite scroll loads services automatically
- No page reload required
This ensures a fast, user-friendly, and professional service discovery experience for customers using the Service Finder Theme.