Classified Inventory Page

The Inventory page is the listings' archive page, where the users can see the list of available listings and sort them according to the provided options in the theme filter. And on the Inventory setting section, you can adjust this page's appearance.

To include sold listings on the Inventory page please refer manual below:

In Classified demo layouts, the featured listings are duplicated at the top of the inventory page.

How to create an Inventory page with Elementor

With the Elementor page builder, you can create a Classic Inventory page using the following widgets:

  • Search Filter

  • Search Result

  • View type

  • Sort By

Dividing the page into two columns is recommended, as shown in our demos.

The thinner column will be used for the Search Filter. Based on your requirements, you can make the right column thinner.

Usage of the "Search Filter" widget

The Search Filter widget renders a search form with listing categories:

To add listing categories to the search filter, you must enable the "Use on car filter" option when editing them.

In the "Content" tab of the widget, you can replace default labels and icons:

In the "Style" tab of the widget, the appearance of the filter can be adjusted both for desktop and mobile views:

The "Advanced" tab is a default feature of Elementor. Give a read to this Document to know more about Advanced features and their uses.

"Search Result" widget adjustments

It is required to add a "Search Result" widget to the page to show listings that match filter options.

In the "Content" tab of the widget, select a number of listings to show in Grid/List views:

In the "Style" tab of the widget, you can specify the color for pagination buttons.

Usage of the "View Type" widget

To enable users to switch between Grid/List views, the "View Type" widget should be included on the page.

Utilization of the "Sort By" widget

The "Sort By" widget enables the option to sort listings in ascending and descending order based on numeric categories.

The Sorting options are set from Theme options > Inventory settings > Main section directly:

How to create an Inventory page with WPBakery

The WPBakery Page builder allows you to create an Inventory Page with three styles: Classic, Modern, and Map.

These layouts are created using three different WPBakery modules.

Classic Inventory

To create a Classic Inventory with WPBakery Page builder the "STM Classic Filter" module should be added to the page.

In the settings of the widget, select a number of listings to show in Grid/List views:

Modern Inventory

To create a Modern Inventory with WPBakery Page builder the "STM Modern Filter" module should be added to the page.

The Modern Inventory lacks additional settings and displays all published listings on a single page without pagination.

Map Inventory

To create a Map Inventory with WPBakery Page builder the "STM Inventory On Map" module should be added to the page.

Assigning the Inventory page in theme options

To direct users to the inventory page when searching for listings, we must designate the previously created page as the "Inventory Archive Page" in the theme options.

Inventory view of different demos

Classified demo layouts have a similar style to the Inventory page.

Classified Listing One:

Classified Listing Two:

Classified Listing Three:

Classified Listing Four:

Multi-Listing Types:

Last updated