> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mylisting.club/llms.txt
> Use this file to discover all available pages before exploring further.

# Listing Previews

> Listing feeds, listing preview cards, and explore page layouts that convert.

## Preview Card Templates

Listing Previews provide a way for visitors to interact with a listing before deciding to click through, whether it's performing a quick view, bookmarking a listing, or comparing listings. MyListing gives you solid defaults, but many directories want more.

**MyListing Pro gives you fresh, modern Listing Preview Cards designs with highly customizable CTA (call-to-action) buttons.**

<Tip>
  We are just getting started—more templates are coming! [Get your copy of MyListing Pro](https://pro.mylisting.club/item/mylisting-pro) so you can request custom Listing Preview designs for your website.
</Tip>

**Who It's For**

* Directory owners who want stronger calls to action on Listing Preview Cards
* Sites that need different button labels or actions per Listing Type
* Teams building Explore pages in Elementor and want Pro layouts without editing code

**Key Benefits**

* **Buttons that drive action:** Configure **Primary Button** and **Secondary Button** labels, icons, styles, and actions for every card.
* **Flexible per Listing Type:** Set **Global** defaults, then use **Per Listing Type Override** only where a type needs different CTAs or icons.
* **Familiar Action Icons:** Show or hide **Quick View**, **Bookmark**, and **Compare** on the card image.
* **Safe From Future MyListing Updates:** Everything ships inside MyListing Pro, not in the MyListing parent theme.

**Feature List**

* Global options with optional **Per Listing Type Override** for CTA buttons and Action Icons
* Custom CTA Button Actions: **Direct Message**, **View Listing**, **Links**, **Email**, **Phone**
* Custom CTA Button Styles
* Action Icons: **Quick View**, **Bookmark**, **Compare**
* Preview Card assignments per listing type in the MyListing Listing Type editor
* **MLPRO → Explore Listings** Elementor widget
* Live Admin Preview while configuring CTA Buttons
* Works with Listing Feeds, Explore Pages, and Listings (Similar Listings and Related Listings)
* Module off by default; requires **MyListing** theme; Elementor required for the Explore widget

## Show Listing Type on Preview Cards and Quick Views

MyListing preview cards only support showing categories, regions, tags, and custom taxonomies within listing preview cards.

**MyListing Pro unlocks the ability to show the listing type, so visitors see which type of listing they are viewing at a glance.**

Turn it on, edit a listing type, and select the listing type for either the footer taxonomy or the **Quick View** taxonomy. Each card displays the type name of that listing, using the same style as the other supported taxonomies.

This is useful in directories where the type of listing matters as much as categories, regions, tags, or custom taxonomies.

## Collapsible Advanced Search Form Filters

Sometimes users want to hide the Advanced Search Form (e.g., filters) to bring less distraction to the Explore page so they can focus on the Listing Previews and the map view if present.

**MyListing Pro gives users an easy way to hide and reopen the filters.**

On desktop views, when filters are hidden and the map is opened, listing previews switch to a compact stacked layout in the results pane. The mobile view keeps the existing Filters and Results tabs.

Works on the MLPRO Explore widgets only for two and three-column layouts. **Default is off.**

**Frequently Asked Questions (Collapsible Filters)**

<AccordionGroup>
  <Accordion title="How do we set this up?">
    1. In WordPress admin, open **MyListing Pro** and make sure the **Listing Previews** module is enabled.
    2. Edit the Explore page in **Elementor** (the page must use the **MLPRO > Explore Listings** widget, not the theme **27 > Explore** widget).
    3. Click the **MLPRO > Explore Listings** widget to select it.
    4. Set **Columns** to **Two** or **Three**. The control is hidden for **One** column.
    5. Turn on **Enable Collapsible Filters**.
    6. **Update** the page.
  </Accordion>
</AccordionGroup>

## Frequently Asked Questions (Listing Previews Module)

<AccordionGroup>
  <Accordion title="How do we set this up?">
    **Enable the Module and Configure Buttons and Action Icons**

    1. **WordPress Dashboard → MyListing Pro → Listing Previews → Configure →** Enable
    2. Select the desired template 
    3. **Global →** Configure the Primary **Button** and **Secondary Button**:
       * **Label**, **Icon**, **Style** (**Filled** or **Outline**), **Action**
       * For **Email**, **Phone**, or **Link**, choose a **Listing Field** or leave blank for the default field
    4. Under **Action Icons**, toggle **Quick View**, **Bookmark**, and **Compare**.
    5. Click **Save Changes**.

    <Info>
      If you want unique settings for a particular Listing Type, repeat the steps above, but instead of going under "Global," you'll toggle the desired Listing Type and configure.
    </Info>

    **Assign a MyListing Pro Listing Preview Template to a Listing Type**

    1. **Listing Types → Edit Listing Type → Preview Card →** Select the desired template
    2. Save the listing type.

    **Add the Pro Explore Widget (Elementor)**

    1. Edit an Explore page with Elementor.
    2. Add the **MLPRO > Explore Listings** widget
    3. Choose a template
    4. Configure the rest of the widget settings as you normally would with MyListing.
    5. Save changes.

    <Info>
      The MyListing Pro Explore Elementor widget has at a minimum 100% feature parity with MyListing's default Explore Listings widget. In short, our widget will always have at least as many features as the default MyListing widget, and it will have more features over time.
    </Info>

    **Configure Listing Feed Widgets (Elementor)**

    1. Edit a page in Elementor (homepage, landing page, etc.).
    2. Add the **Listing Feed** widget to the page.
    3. **Filter by Listing Types:** Choose any of your Listing Types that are currently assigned a MyListing Pro Listing Preview Card template.
    4. Configure the rest of the widget settings as you normally would with MyListing.
  </Accordion>

  <Accordion title="Can we see this on a live MyListing website?">
    Eventually, you will be able to visit any [MyListing Starter Site](https://mylisting.club/resources/starter-sites/#explore) to see Listing Previews in action.

    Refer to **the [MyListing Pro YouTube playlist](https://www.youtube.com/playlist?list=PLggJJkpjrMUbtAzIDmgHpVnyP6DUxuILT) to learn more.**
  </Accordion>
</AccordionGroup>