Aller au contenu

Bricks Addon

View Demo

Ce contenu n’est pas encore disponible dans votre langue.

The Listdom Bricks Addon integrates Listdom with the Bricks editor so you can design listing layouts using Listdom-specific Bricks elements, plus Listdom dynamic tags like {lsd_post_title} to pull listing fields, author details, social links, and custom field values.

Design Listing Cards in Bricks

Create reusable Listing Card layouts and select them as the style in supported Listdom skins.

Use Listdom Dynamic Tags

Insert dynamic tags like {lsd_price} and {lsd_author_display_name} anywhere Bricks supports dynamic data.

  • Bricks Theme: Bricks must be installed and activated.
  • Minimum Bricks Version: Bricks 2.2 or newer is required.
  • Listdom: Listdom must be installed and activated.
  • License: This add-on uses Listdom’s licensing system and works only while the license is valid, including trial and grace states.

Where to Find the Bricks Builder Integration

Section titled “Where to Find the Bricks Builder Integration”

After activation, the add-on adds a management area under the main Listdom menu:

  • Listdom -> Bricks Builder: Opens the Layouts manager where you create Bricks-powered Listdom layouts.
  • Layouts Access: Layouts are restricted to administrators with the manage_options capability.

Use the steps below to create a layout that Listdom can use as a style for listing-card skins and, optionally, infowindows.

  1. Go to Listdom -> Bricks Builder.
  2. Click Add Layout.
  3. Enter a title for the layout. This title appears later in Listdom style dropdowns.
  4. Design the layout using the Bricks editor.
  5. In the Layout Type meta box, choose the correct type.
  6. Click Publish.

Each Bricks layout includes a required Layout Type setting that controls where Listdom can use it.

  • Listing Card: Use for grid, list, and slider skins that render listings as cards.
  • Infowindow: Use for map info windows.

Using Bricks Layouts as Style in Listdom Skins

Section titled “Using Bricks Layouts as Style in Listdom Skins”

After you publish Bricks layouts, Listdom exposes them as styles in supported skins.

  • Supported Skins: Any skin that supports card layouts can use a Listing Card layout as its style.
  • Infowindow Skin: If you use the infowindow skin, Listdom can use Infowindow layouts as the style.
  • Style Label: Bricks styles appear as {Layout Title} (Bricks).

In the Bricks editor, Listdom adds elements under two groups:

  • Listdom: Shortcodes, profiles, users, and taxonomy shortcodes.
  • Listdom Listing: Listing-building elements intended for listing cards and infowindows.
  • Title Tag: HTML tag for the listing title. Default: h2.
  • Link Method: Controls how the title link opens. Default: Same Window. Options: Same Window, New Window, Open in Lightbox, Right Panel, Left Panel, Bottom Panel, Disabled.
  • Text: Text shown when a listing is already claimed. Default: Claimed!.
  • Preview: Forces the claimed state in the Bricks builder preview. Default: off.

This element has no configuration options.

This element has no configuration options.

  • Link to Location Archive: Links each location to its archive. Default: on.
  • Layout: Controls the output flow. Default: Inline. Options: Inline, Block.
  • Icon: Icon shown before each location. Default: fas fa-map-marker-alt.
  • Show Avatar: Shows the owner avatar. Default: on.
  • Link Avatar to Author URL: Links the avatar to the author page. Default: off.
  • Show Name: Shows the owner name. Default: on.
  • Author Link: Links the owner name to the author page. Default: off.
  • Show Job Title: Shows the owner’s job title. Default: on.
  • Show Bio: Shows the owner’s bio. Default: on.
  • Show Social Networks: Shows owner social profiles. Default: on.
  • Show Telephone: Shows owner telephone. Default: on.
  • Show Email: Shows owner email. Default: on.
  • Show Mobile: Shows owner mobile. Default: on.
  • Show Website: Shows owner website. Default: on.
  • Show Fax: Shows owner fax. Default: on.
  • Show Form: Shows the owner contact form. Default: on.
  • Show Name Field: Shows the Name input in the form. Default: on.
  • Show Phone Field: Shows the Phone input in the form. Default: on.

This element has no configuration options.

  • Layout: Controls how the custom fields container flows. Default: Default. Options: Default, Inline.
  • Fields: Repeater that defines which custom fields to display and how they render.
  • Field: Select which attribute field to display.
  • Global Icon: Uses the attribute’s assigned icon. Default: on.
  • Icon: Custom icon for the field when Global Icon is disabled.
  • Name: Shows the field label. Default: on.
  • Value: Shows the field value. Default: on.
  • Link Icon: For URL fields, links the icon to the URL. Default: off.
  • Link Name: For URL fields, links the name to the URL. Default: off.
  • Type: Controls rating output. Default: Stars. Options: Stars, Summary.
  • Show Review Count: Shows the review count when type is Stars. Default: on.
  • Icon: Shows icons when available. Default: on.
  • Taxonomy: Selects the taxonomy for breadcrumb generation. Default: Category. Options: Category, Tag, Location, Label, Feature.
  • Default Colors: Uses category colors as default badge colors. Default: on.
  • Layout: Controls output direction. Default: Inline. Options: Inline, Block.
  • Display Name: Shows category names. Default: on.
  • Display Icon: Shows category icons. Default: off.
  • Enable Archive Links: Links categories to their archives. Default: off.
  • Content Length: Limits content by word count. Default: unlimited.
  • Auto Paragraph: Applies paragraph formatting automatically. Default: off.
  • Content Length: Excerpt length in words. Default: 12 if not specified.

This element has no configuration options.

  • Layout: Controls feature layout. Default: Block. Options: Inline, Block.
  • Show Icon: Shows feature icons when available. Default: on.
  • Link to Feature Archive: Links features to archives. Default: on.
  • Link Method: Controls how the image opens. Default: Same Window. Options: Same Window, New Window, Open in Lightbox, Right Panel, Left Panel, Bottom Panel, Disabled.
  • Top Left / Top Right / Bottom Left / Bottom Right: Overlay modules shown in each corner.
  • Overlay Module Options: Working Hours, Labels, Owner, Categories, Price, Locations, Share, Tags.
  • Image Size: Image size for the cover. Default: Medium. Options: Thumbnail, Medium, Large, Full.
  • Categories Display Name: Shows category names in the categories overlay. Default: on.
  • Categories Display Icon: Shows category icons in the categories overlay. Default: off.
  • Layout: Gallery output style. Default: List. Options: List, Slider, Linear Gallery.
  • Image Lightbox: Opens images in a lightbox. Default: on.
  • Link Method: Used when layout is Slider and lightbox is disabled. Default: Same Window.
  • Include Featured Image: Includes the featured image in the gallery. Default: on.
  • Number of Images: Maximum images in Linear Gallery. Default: 4.
  • Thumbnails: Thumbnail display in slider mode. Default: On the Image. Options: List, On the Image, Disabled.
  • Navigation Method: Slider navigation UI. Default: Dots. Options: Dots, Arrows, Disabled.
  • Autoplay: Enables slider autoplay. Default: on.
  • Auto-height: Enables automatic slider height. Default: on.
  • Loop: Enables slider loop. Default: off.

This element has no configuration options.

This element has no configuration options.

This element has no configuration options.

  • Layout: Controls output direction. Default: Inline. Options: Inline, Block.
  • Link to Label Archive: Links labels to archives. Default: on.
  • Layout: Controls output direction. Default: Block. Options: Inline, Block.
  • Enable Archive Links: Links tags to archives. Default: off.
  • Style Type: Selects default or custom rendering. Default: Default. Options: Default, Custom.
  • Show Email: Shows email in Default style. Default: on.
  • Show Phone: Shows phone in Default style. Default: on.
  • Show Website: Shows website in Default style. Default: on.
  • Show Address: Shows address in Default style. Default: on.
  • Show Socials: Shows social fields in Default style. Default: on.
  • Display Icon: Shows icons in Default style. Default: on.
  • Display Label: Shows labels in Default style. Default: off.
  • Fields: Repeater used to build the Custom style output.
  • Field: Select which contact field to output.
  • Icon: Custom icon for this field.
  • Name: Custom text label for this field.
  • Display Name: Toggle to display the label. Default: on.
  • Show Icon: Shows the address icon. Default: on.
  • Map Provider: Uses your Listdom map provider by default. Options: Leaflet (OpenStreetMap), Google Maps.
  • Infowindow: Enables or disables infowindow on the listing map. Default: Disabled.
  • Zoom Level: Default zoom level. Default: 14.
  • Map Height: CSS height value such as 400px or 50vh.
  • Style: Google Maps style preset.
  • Google Places: Enables Places integration for Google Maps.
  • Zoom Control: Sets zoom control position for Google Maps.
  • Map Type Control: Sets map type control position for Google Maps.
  • Street View Control: Sets Street View control position for Google Maps.
  • Scale Control: Enables scale control for Google Maps.
  • Camera Control: Enables camera control for Google Maps.
  • Fullscreen Control: Enables fullscreen control for Google Maps. Default: Enabled.
  • Type: Controls output type. Default: One Day. Options: One Day, Full Week.
  • Display Icon: Shows icons in One Day mode. Default: Yes.
  • Minimized Price: Shows shortened prices such as 1.2K. Default: off.
  • Link Price: Wraps the price in a custom link. Default: off.
  • Price Link URL: URL used when Link Price is enabled.
  • Open in New Tab: Opens the link in a new tab. Default: off.
  • Nofollow: Adds nofollow to the link. Default: off.

This element has no configuration options.

This element has no configuration options.

  • ACF Fields: Repeater that controls which ACF fields are displayed.
  • Field: Select an ACF field assigned to the Listing post type.
  • Label: Overrides the displayed label for that field.
  • Show Headings: Shows section headings for parent and child listings. Default: on.
  • Parent: Heading label for the parent section. Default: Parent.
  • Sub Listings Heading: Heading label for sub listings. Default: Sub Listings.
  • Listdom Shortcode: Selects the Listdom shortcode used to render sub listings. Default: Default.

This element has no configuration options.

  • Layout: Controls stats layout. Default: Block. Options: Inline, Block.
  • Display Zero Values: Shows rows even when the value is zero. Default: on.
  • Display Visits: Shows visits. Default: on.
  • Display Contacts: Shows contacts. Default: on.
  • Display Offers: Shows offers. Default: on.
  • Display Bookings: Shows bookings. Default: on.
  • Display Reviews: Shows reviews. Default: on.
  • Display Comments: Shows WordPress comments. Default: on.

This element has no configuration options.

This element has no configuration options.

This element has no configuration options.

  • Link Text: Text shown for the direction link. Default: Directions.
  • Show Icon: Shows or hides the direction icon. Default: on.
  • Icon: Icon used for the direction link. Default: fas fa-directions.

This element has no configuration options.

  • Listdom Shortcode: Selects a saved shortcode from Listdom -> Shortcodes.
  • Listdom Search: Selects a saved search shortcode from Listdom -> Search.

This element has no configuration options.

  • Style: Output style. Default: List. Options: List, Grid.
  • Limit: Number of users to show. Default: 12.
  • Columns: Number of columns for grid output. Default: 4.

These elements render taxonomy shortcodes such as listdom_category and listdom_location.

  • Style: Visual style of the taxonomy output. Default varies by element.
  • Columns Count: Grid columns. Default: 4.
  • Maximum Images Per Row: Maximum images per row in image-based layouts. Default: 8.
  • Limit: Maximum number of terms. Default: 5.
  • Show Count: Shows term counts. Default: No.
  • Show Icon: Shows term icons where supported. Default: Yes.
  • Layout: Controls layout direction for supported taxonomies. Default: Inline.
  • Source: Controls how terms are selected. Default: Show All. Options: Show All, Manual Selection, Parent, Search.
  • Select Terms: Manually selects terms.
  • Parent Term ID: Shows terms under a specific parent. Default: 0.
  • Search Keyword: Searches terms by keyword.
  • Hide Empty: Hides empty terms. Default: off.
  • Order By: Sort field. Default: Name.
  • Order: Sort direction. Default: Ascending.
  • Style: Default: Clean. Options: Clean, Simple, Image, Carousel.
  • Style: Default: Clean. Options: Clean, Simple, Image.
  • Style: Default: Clean. Options: Clean, Simple.
  • Style: Default: Clean. Options: Clean, Simple.
  • Style: Default: Clean. Options: Clean, Simple.

Listdom registers Bricks dynamic tags under the Listdom group. These tags use curly braces and start with lsd_, for example {lsd_post_title}.

You can use these tags in any Bricks field that supports dynamic data, including text, links, and images.

  • Listing URL: {lsd_post_url}
  • Author URL: {lsd_author_url}
  • Listing Title: {lsd_post_title}
  • Listing Image: {lsd_post_featured_image}
  • Author Avatar: {lsd_author_avatar}
  • Listing Excerpt: {lsd_post_excerpt}
  • Listing Date: {lsd_post_date}
  • Listing Modification Date: {lsd_post_modified}
  • Listing Comments Count: {lsd_post_comments}
  • Author Display Name: {lsd_author_display_name}
  • Author First Name: {lsd_author_first_name}
  • Author Last Name: {lsd_author_last_name}
  • Author Email: {lsd_author_email}
  • Author Job Title: {lsd_author_job_title}
  • Author Bio: {lsd_author_bio}
  • Author Phone: {lsd_author_phone}
  • Author Mobile: {lsd_author_mobile}
  • Author Website: {lsd_author_website}
  • Author Fax: {lsd_author_fax}
  • Address: {lsd_address}
  • Latitude: {lsd_latitude}
  • Longitude: {lsd_longitude}
  • Price: {lsd_price}
  • Price (Max): {lsd_price_max}
  • Price Description: {lsd_price_after}
  • Price Class: {lsd_price_class}
  • Currency: {lsd_currency}
  • Primary Category: {lsd_primary_category}
  • Email: {lsd_email}
  • Phone: {lsd_phone}
  • Website: {lsd_website}
  • Contact Address: {lsd_contact_address}
  • Remark: {lsd_remark}
  • Listing Custom Link: {lsd_link}
  • Gallery: {lsd_gallery}
  • Visible Until: {lsd_visible_until}
  • Social Network Tags: When Social Networks are enabled, each configured network may appear for listings and profiles, such as {lsd_facebook} and {lsd_author_facebook}.
  • Custom Field Tags: Each Listdom attribute is exposed as a dynamic tag using a format such as {lsd_attribute_123}.
  • Listing Ad: {lsd_ad} via Ads
  • Listing Visits: {lsd_visits} via Stats
  • Listing Contacts Count: {lsd_contacts} via Stats
  • Listing Rank Point: {lsd_rank} via Rank
  • Listing Bookings Count: {lsd_bookings_count} via Booking
  • Listing Offers Count: {lsd_offers_count} via Auction
  • Listing Rate: {lsd_rate} via Reviews
  • Listing Reviews Count: {lsd_reviews_count} via Reviews
  • Missing Output in Bricks Preview: Make sure you have at least one published listing so Listdom can preview listing elements.
  • “Shortcode not found!”: Select a valid item in the element settings for Listdom Shortcode or Listdom Search.
  • Add-on Warning Messages Inside Elements: Install and activate the required add-on for that element.
  • Google-only Map Controls Missing: Set Map Provider to Google Maps to access Google-only controls and style presets.

Custom Listing Cards for a Grid Skin

Create a layout with Layout Type = Listing Card, then select it as the style in any card-based Listdom shortcode skin.

Custom Map Infowindows with Bricks

Install Advanced Map, create a layout with Layout Type = Infowindow, then use it as the style for the infowindow skin.