# Dealership 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. 

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

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

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

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

To get advanced settings 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 %}

## 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/G3T9EfT7r5vq6YGaLj9J" 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/lsWcTyTqRut6DZhCp9RG" 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/ev0kbUQlWU7p8gSUvsQr" 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/y2yKSln04vqsqw5wDSip" 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/NRpEgoiJYtEm89CD9oYY" 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/1gmeZFboCDEcAochFzfS" alt=""><figcaption></figcaption></figure>

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

### 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/PmBj60IEhZ4GXcGeuiuy" alt=""><figcaption></figcaption></figure>

### 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/PNIiQv9FXFBkZvmdH10V" 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 two styles: Classic and Modern.&#x20;

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

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

{% tab title="Modern Inventory" %}

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

These layouts are created using two 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.

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

Each dealership demo has its own unique style for the Inventory page.

### Car Dealership One:

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

### Car Dealership Two:

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

### Electric Vehicle Dealership:

<figure><img src="/files/9pcs9rc4e1EWTC3VO7ft" alt=""><figcaption></figcaption></figure>

### Motorcycles Dealers:

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

### Boat Dealership:

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

### Aircraft:

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

### Equipment:

<figure><img src="/files/8luN4MU6h9GDQfoVzZY2" 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/dealership-layout-features/dealership-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.