Skip to main content

​
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.
We are just getting started—more templates are coming! Get your copy of MyListing Pro so you can request custom Listing Preview designs for your website.
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)
  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.

​
Frequently Asked Questions (Listing Previews Module)

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.
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.
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.
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.
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.
Eventually, you will be able to visit any MyListing Starter Site to see Listing Previews in action.Refer to the MyListing Pro YouTube playlist to learn more.