# 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" %}

<figure><img src="/files/DbXSMYLUsJ55Qt0naudc" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="/files/0W0DXVVjYonRrcoEo9iD" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

To get **advanced setting**s of the Inventory page in plugin settings, refer to this documentation:&#x20;

{% content-ref url="/pages/FlUUG9VTidYpvjnunieI" %}
[Search Results Page](/motors-theme-documentation/search-filter/search-results-page.md)
{% endcontent-ref %}

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

{% content-ref url="/pages/xWlz5uOnSgW6JLgEQNIW" %}
[Sold Listings](/motors-theme-documentation/listing-management/sold-listings.md)
{% 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="/pages/-MY96kcfEscb4gNIIFFF" %}
[Paid Featured Listing](/motors-theme-documentation/classified-layout-features/payed-featured-listing.md)
{% 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.

<figure><img src="/files/iWKgUQtMwo9j09O5GTcM" alt=""><figcaption></figcaption></figure>

{% 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:

<figure><img src="/files/jmlHMIryPjjlBGkkcsTA" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/gL2UXmPVy8fUS8Qj8fYt" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/-MERuF7IjLYd0USqHoo4" %}
[Custom Fields](/motors-theme-documentation/search-filter/inventory-listing-categories.md)
{% endcontent-ref %}

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

<figure><img src="/files/tb19nTCXEyZwJyEA9FIr" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/FHSJoRogUKVrhSfVmeh8" alt=""><figcaption></figcaption></figure>

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="<https://elementor.com/help/advanced-tab/>" %}

### "Search Result" widget adjustments

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

<figure><img src="/files/IPPryHn98IliCbhzsvxH" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/L9X4bmx9FIBwOjaeRv6K" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/EwnwqUbuHC8Whddf5ETV" alt=""><figcaption></figcaption></figure>

### Usage of the "View Type" widget&#x20;

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

<figure><img src="/files/imocdKYEDUo7DNeAeIcT" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/PZTt90aMdB54sNgHwsQ1" %}
[Grid/List Card Settings](/motors-theme-documentation/classified-layout-features/classified-inventory-page/grid-list-card-settings.md)
{% 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.

<figure><img src="/files/07dzTeXOBzDDYpll5DpM" alt=""><figcaption></figcaption></figure>

The Sorting options are set from **WP Dashboard > Motors Plugin > Search Filters** section directly:

<figure><img src="/files/twhZgQw11wHphmFnU0si" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/J2Bx44a50m9lwrv0FTUc" %}
[Search Filters](/motors-theme-documentation/search-filter/search-filters.md)
{% 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.&#x20;

{% tabs %}
{% tab title="Classic Inventory" %}

<figure><img src="/files/DbXSMYLUsJ55Qt0naudc" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Modern Inventory" %}

<figure><img src="/files/dq3fbbwjxuWTlXhyWi1Q" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Map Inventory" %}

<figure><img src="/files/284GjEv11MVOp0tI0of2" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

These layouts are created using three different WPBakery modules.&#x20;

### Classic Inventory

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

<figure><img src="/files/ArXsdNPv0NBOE1g0Oi80" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/hoDxLytHNPYt92GtYBEx" alt=""><figcaption></figcaption></figure>

### Modern Inventory

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

<figure><img src="/files/oiRJPtn6mc8Vfn3tB1pX" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/lKuNYsgC6SRElIlDPCYe" alt=""><figcaption></figcaption></figure>

## Assigning the Inventory page in Plugin Settings

Search Results (Inventory) page can be indicated by following **WP Dashboard > Motors Plugin > Settings > Pages > Listings Page:**

<figure><img src="/files/vcPmJDubmi02X7eX7sc2" alt=""><figcaption></figcaption></figure>

## Inventory view of different demos

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

### Classified Listing One:

<figure><img src="/files/DbXSMYLUsJ55Qt0naudc" alt=""><figcaption></figcaption></figure>

### Classified Listing Two:

<figure><img src="/files/2RbikzT4bpmLaExFlpA4" alt=""><figcaption></figcaption></figure>

### Classified Listing Three:

<figure><img src="/files/o5RHnGOUUEffKmQ5n1v3" alt=""><figcaption></figcaption></figure>

### Classified Listing Four:

<figure><img src="/files/HRKeppb1uJMQRtx4jKgy" alt=""><figcaption></figcaption></figure>

### Multi-Listing Types:

<figure><img src="/files/8eH9yJZ2NR45aieL8wCp" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stylemixthemes.com/motors-theme-documentation/classified-layout-features/classified-inventory-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.