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

# MyListing Elementor Kit

> Design custom listing preview cards, single listing pages, headers, Quick View layouts, bookmarks, My Account dashboards, and more in Elementor Pro without editing the MyListing theme.

MyListing’s default listing cards, Quick View, headers, My Account, and other areas follow the theme. Changing them usually means fighting listing type settings or editing theme files.

**MyListing Elementor Kit** is a module in MyListing Pro. You get widgets for preview cards, single listings, headers, listing feeds, account pages, and more, plus dynamic tags that pull live listing fields into any Elementor widget. Theme Builder locations connect those designs to preview cards, Quick View, bookmark cards, the bookmarks account page, and the account dashboard.

The module is **off** by default. **Elementor and Elementor Pro are required.**

<AccordionGroup>
  <Accordion title="Is this module the same as the Elementor module in MyListing Pro?">
    No. The **Elementor module** covers listing contact forms, header CTA popups, Elementor Coming Soon Bypass, sortable template columns, and other related admin tools.  **MyListing Elementor Kit** gives you complete freedom to build areas of the MyListing theme with Elementor.
  </Accordion>

  <Accordion title="What are the requirements?">
    * **MyListing Pro** with **MyListing Elementor Kit** enabled
    * MyListing Theme
    * Elementor
    * Elementor Pro (required for Theme Builder, conditions, and Kit registration)
    * WooCommerce for My Account, bookmarks, cart, and dashboard widgets
  </Accordion>

  <Accordion title="Do I need Elementor Pro?">
    Yes, for certain things. Widgets, dynamic tags, and Theme Builder locations do not register until Elementor and [Elementor Pro](https://airtable.com/appj5YI8zftSaphKU/tblMBDAjy9OFiIYEU/viwOgd9WFcdF5bGBF/recQ1MB0R603rm1VF/fldqeLMgyvR6NW0RX?copyLinkToCellOrRecordOrigin=gridView) are active. **My [clients](https://mylisting.club/clients/) get Elementor Pro for no cost.**
  </Accordion>
</AccordionGroup>

## Preview Cards

Preview cards are the listing cards visitors see in Explore, listing feeds, Similar Listings, Related Listings, and other listing grids. **MyListing Elementor Kit gives you complete freedom to build Listing Preview Card templates with Elementor, replacing the default MyListing cards.**

You design the card with Elementor widgets such as Card Cover, Card Title, Card Meta, Card Footer, Card Gallery, Card Logo, Bookmark Listing, Compare Listing, Priority Badge, and Verified Badge. **Optionally, you can make the entire Listing Preview Card clickable, which is something you can't do with MyListing's default cards.**

<Tip>
  You can download pre-made Preview Card templates from the [MyListing Pro community](https://pro.mylisting.club/community/space/mylisting-pro-resources/documents).
</Tip>

<AccordionGroup>
  <Accordion title="Does MyListing Elementor Kit replace the Listing Previews module?">
    No. **Listing Previews** is for those who want to use static, custom-built Listing Preview designs. **MyListing Elementor Kit** gives you complete freedom to build custom Listing Previews with Elementor.
  </Accordion>

  <Accordion title="How do we get started?">
    1. **MyListing Pro → MyListing Elementor Kit →** Enable
    2. **Elementor → Editor →** Theme Builder
    3. \*\*Add New Template → Template Type → \*\*MyListing Preview Card
    4. Give your template a meaningful name for easy identification and start building
    5. From the list of Elementor widgets, add the **Preview Card** widget to the page
    6. Build out your card as desired (**Note:** You can use any Elementor widget you'd like, but the widgets designated with **the letter P** are specifically tailored to **Listing Previews**)
    7. **Elementor Publish Button Dropdown → Display Conditions → Add Condition → Singular → All Singular Dropdown → Listings →** By Listing Type
    8. **By Listing Type →** Leave blank to apply to all listing types or choose a specific listing type (**Note:** This means you can create different **Preview Cards** for different listing types.)
    9. **Save Changes →** Publish
    10. **Edit Listing Type → Preview Card → Design → Template →** Choose the template you just created
    11. Save Changes
    12. View the Explore page, a listing feed, etc., that displays the listing type,  and confirm that your new card design appears.
    13. **MyListing Pro → MyListing Elementor Kit → General → Make Preview Cards Clickable →** Optionally enable this to make the entire Listing Preview Card clickable, which you can't do with MyListing's default cards
  </Accordion>
</AccordionGroup>