# Listing Templates

The layout of all published listings will be displayed according to a single listing template. You can make your listings more unique by creating an original template for them. 

1. [**How to create a single listing template using Elementor.**](#how-to-create-a-single-listing-template-using-elementor)
   * [Switching between demo templates.](#switching-between-demo-templates)
   * [Creating custom listing templates.](#creating-custom-listing-templates)
2. [**How to create a single listing template using WPBakery.**](#how-to-create-a-single-listing-template-using-wpbakery)
   * [Saving demo listing layout as a template.](#saving-demo-listing-layout-as-a-template)
   * [Creating custom listing layouts.](#creating-custom-listing-layouts)
   * [How to set a global template for listings.](#how-to-set-global-template-for-listings)
   * [How to set global templates for multi-listing types.](#how-to-set-global-templates-for-multi-listing-types)

## How to create a single listing template using Elementor

It is possible to create several layouts and set them as the default for all newly published listings with Elementor.

### Switching between demo templates

When demo content is imported, the default template for a single listing will be created by the system. By opening **Motors Plugin > Listing templates** section, the following templates can be found for further customization:

* [**Carousel Gallery**](#carousel-gallery)
* [**Mosaic Gallery**](#mosaic-gallery)
* [**Modern**](#modern)
* [**Classic**](#classic)

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

{% hint style="info" %}
The following layouts are available in **Dealership One**, **Dealership Two**, **Classified One**, **Classified  Two**, **Classified Three**, and **Multi Listing types** demos.
{% endhint %}

{% tabs %}
{% tab title="Classic" %}
Link for demo listing:

{% embed url="<https://motors.stylemixthemes.com/elementor-classified-one/listings/bmw-m5/>" %}

The preview of the Classic template:

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

{% tab title="Modern " %}
Link for demo listing:

{% embed url="<https://motors.stylemixthemes.com/elementor-classified-one/listings/lamborghini-huracan/>" %}

The preview of the Modern template:

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

{% tab title="Mosaic Gallery " %}
Link for demo listing:

{% embed url="<https://motors.stylemixthemes.com/elementor-classified-one/listings/lexus-is250/>" %}

The preview of the Mosaic Gallery template:

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

{% tab title="Carousel Gallery " %}
Link for demo listing:

{% embed url="<https://motors.stylemixthemes.com/elementor-classified-one/listings/acura-ilx-2021/>" %}

The preview of the Carousel Gallery template:

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

### Creating custom listing templates

You can either edit the default templates by clicking on the "**Edit**" button or create your own template by clicking the "**+ Listing Template**" button.

<figure><img src="/files/5o4ErK5KfDeZKWmy4eXp" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When customizing the templates, use widgets from the "**Motors Single Listing**" section to display listing data.
{% endhint %}

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

You can change the image size when editing the **Image size** element on Elementor widgets:

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

After creating templates, you can set it as default, and it will be applied to all listings.

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

{% hint style="info" %}
Please note template will be applied automatically to all listings that users and dealers publish on your website.
{% endhint %}

## How to create a single listing template using WPBakery

You can create your own template for listings using WPBakery Page Builder. To do this follow the simple steps below.

### Saving demo listing layout as a template

When demo content is imported, the template for a single listing will be created by the system. To save the layout of demo listings globally go to the **WP Dashboard > Motors Plugin > Listings** section and edit one of the published listings:

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

To save the demo listing layout as a template, click on the "**Template**" icon.

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

In the opened window set the title and save the template :

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

### Creating custom listing layouts

Using the WPbakery Page Builder you can build the unique layout. To do this, create a blank listing by going to **Dashboard > Motors Plugin > Listings > Add new:**

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

While editing the listing select the "**Blank Page**" option to continue:

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

Click on the **Plus** or **Add Element** to add a new widget:

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

Select the required elements and add them.

{% hint style="info" %}
While building layout, use widgets from the "**STM Single Listing**" section to display listing data.
{% endhint %}

![](/files/PA6343odzPDpDmLUPBdM)

Afterward, you can save your template by clicking on the template icon.

![](/files/jvXQVBXtvwbRpElxb4Ss)

In the opened window set the title and save the custom template :

![](/files/LsfHyVuIwlO9tAf61SHE)

### How to set a global template for listings

Now you can apply your template as default to all your future listings. To do this, follow **Dashboard >** **WPBakery Page Builder > General Settings** from your dashboard. By scrolling to the section **Default template for post types** for the **Listings** select the template you saved from the dropdown menu and save changes.

![](/files/SsYUJRzrTe9i5OpH4sek)

{% hint style="info" %}
Please note this template will be applied only to the listings you will create in the future. All listings that you already have on the website will save their layouts.
{% endhint %}

### How to set global templates for multi-listing types

By installing the **Motors Listing Types plugin,** it is possible to create several post types.

{% content-ref url="/pages/-MiLf\_g2V1Mrb-MlM-hQ" %}
[Motors Listing Types](/motors-theme-documentation/motors-listing-types/getting-started.md)
{% endcontent-ref %}

In **Dashboard > WPBakery Page Builder > General Settings,** you can set individual templates for each listing type:

<figure><img src="/files/sOkeYoAZj9SUaA9kT5D6" 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/single-listing/listing-templates.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.