# Classified Inventory Page The **Inventory page, Search Results Page, or Listings 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. {% tabs %} {% tab title="Classic Inventory Desktop View" %}

{% endtab %} {% tab title="Classic Inventory Mobile View" %}

{% endtab %} {% endtabs %} To get **advanced setting**s of the Inventory page in plugin settings, refer to this documentation: {% content-ref url="../search-filter/search-results-page" %} [search-results-page](https://docs.stylemixthemes.com/motors-theme-documentation/search-filter/search-results-page) {% endcontent-ref %} To include sold listings on the Inventory page please refer manual below: {% content-ref url="../listing-management/sold-listings" %} [sold-listings](https://docs.stylemixthemes.com/motors-theme-documentation/listing-management/sold-listings) {% endcontent-ref %} {% hint style="info" %} In Classified demo layouts, the **featured listings** are **duplicated** at the **top** of the inventory page. {% endhint %} {% content-ref url="payed-featured-listing" %} [payed-featured-listing](https://docs.stylemixthemes.com/motors-theme-documentation/classified-layout-features/payed-featured-listing) {% endcontent-ref %} ## 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.

{% hint style="info" %} The thinner column will be used for the Search Filter. Based on your requirements, you can make the right column thinner. {% endhint %} ### 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.

{% content-ref url="../search-filter/inventory-listing-categories" %} [inventory-listing-categories](https://docs.stylemixthemes.com/motors-theme-documentation/search-filter/inventory-listing-categories) {% endcontent-ref %} 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](https://elementor.com/help/advanced-tab/) to know more about Advanced features and their uses. {% embed url="" %} ### "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.

{% content-ref url="classified-inventory-page/grid-list-card-settings" %} [grid-list-card-settings](https://docs.stylemixthemes.com/motors-theme-documentation/classified-layout-features/classified-inventory-page/grid-list-card-settings) {% endcontent-ref %} ### 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 **WP Dashboard > Motors Plugin > Search Filters** section directly:

{% content-ref url="../search-filter/search-filters" %} [search-filters](https://docs.stylemixthemes.com/motors-theme-documentation/search-filter/search-filters) {% endcontent-ref %} ## 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. {% tabs %} {% tab title="Classic Inventory" %}

{% endtab %} {% tab title="Modern Inventory" %}

{% endtab %} {% tab title="Map Inventory" %}

{% endtab %} {% endtabs %} 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 Plugin Settings Search Results (Inventory) page can be indicated by following **WP Dashboard > Motors Plugin > Settings > Pages > Listings Page:**

## 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: