Bricks Addon
View Demoこのコンテンツはまだ日本語訳がありません。
The Listdom Bricks Addon adds a full template workflow for Listdom in Bricks, including:
- Single listing templates
- Listing card layouts
- Infowindow layouts (when infowindow layouts are available in your setup)
- Dedicated Listdom Bricks categories: Listings and Listdom
- Listdom dynamic tags in Bricks fields (for example
{lsd_post_title}and{lsd_price})
Requirements
Section titled “Requirements”- Listdom plugin installed and active
- Bricks installed and active
- Bricks version 2.2 or newer
- Listdom Bricks Addon installed and active: Bricks
For broader setup context, see Listdom setup guide and Listdom settings guide.
Where You Manage It
Section titled “Where You Manage It”- WP Admin -> Listdom -> Bricks Builder: Create and edit Listdom Bricks layouts (Listing Card and Infowindow).
- WP Admin -> Bricks -> Templates: Build single listing templates with Bricks template conditions.
- WP Admin -> Listdom -> Settings -> Single Listing: Configure single listing output mode.
- WP Admin -> Listdom -> Shortcodes: Use card-capable skins and select Bricks-based styles.
Template Types in Bricks Workflow
Section titled “Template Types in Bricks Workflow”For Listdom + Bricks, template management is split by use case:
- Single Listing: Build in Bricks -> Templates.
- Listing Card: Build in Listdom -> Bricks Builder, then use in supported shortcode skins.
- Infowindow: Build in Listdom -> Bricks Builder with
Layout Type = Infowindow, then use in infowindow contexts.
Build a Single Listing Template (Bricks Templates)
Section titled “Build a Single Listing Template (Bricks Templates)”- Go to WP Admin -> Bricks -> Templates.
- Click Add New Template.
- Build the layout with Listdom Bricks elements from the Listings category.
- Set Bricks template conditions for your listing pages.
- Save and preview a real listing.
Build Listing Card and Infowindow Layouts (Listdom Bricks Builder)
Section titled “Build Listing Card and Infowindow Layouts (Listdom Bricks Builder)”- Go to WP Admin -> Listdom -> Bricks Builder.
- Click Add Layout and enter a layout title.
- Choose Layout Type:
Listing Cardfor card-based shortcode skinsInfowindowfor map infowindows
- Click Edit with Bricks and design the layout with Listdom elements.
- Publish the layout.
- In Listdom shortcode/skin settings, choose the Bricks style (shown as
{Layout Title} (Bricks)).
For skin behavior and style assignment, see Skins & Shortcodes.
Bricks Elements Reference
Section titled “Bricks Elements Reference”The following reference covers Listdom Bricks elements and their user-facing settings.
Core Listing Elements
Section titled “Core Listing Elements”| Element | Element settings |
|---|---|
| Listing Title | Title Tag, Link Method |
| Listing Content | Content Length, Auto Paragraph |
| Listing Excerpt | Content Length |
| Listing Address | Show Icon |
| Listing Map | Map Provider, Infowindow, Zoom Level, Map Height, Google Maps controls (Style, Places, Zoom Control, Map Type Control, Street View Control, Scale Control, Camera Control, Fullscreen Control) |
| Listing Gallery | Layout, Image Lightbox, Link Method (when slider lightbox is off), Include Featured Image, Number of Images (Linear), Thumbnails, Navigation Method, Autoplay, Auto-height, Loop |
| Listing Image | Link Method, Top Left/Top Right/Bottom Left/Bottom Right overlays, Image Size, Categories Display Name, Categories Display Icon |
| Listing Categories | Default Colors, Layout, Display Name, Display Icon, Enable Archive Links |
| Listing Locations | Link to Location Archive, Layout, Icon |
| Listing Features | Layout, Show Icon, Link to Feature Archive |
| Listing Labels | Layout, Link to Label Archive |
| Listing Tags | Layout, Enable Archive Links |
| Listing Contact | Style Type, Show Email, Show Phone, Show Website, Show Address, Show Socials, Display Icon, Display Label, Fields repeater |
| Listing Owner | Show Avatar, Link Avatar to Author URL, Show Name, Author Link, Show Job Title, Show Bio, Show Social Networks, Show Telephone, Show Email, Show Mobile, Show Website, Show Fax, Show Form, Show Name Field, Show Phone Field |
| Listing Custom Fields | Layout, Fields repeater (Field, Global Icon, Icon, Name, Value, Link Icon, Link Name) |
| Listing Working Hours | Type (One Day/Full Week), Display Icon |
| Listing Rate | Type (Stars/Summary), Show Review Count |
| Listing Breadcrumb | Taxonomy, Icon |
| Listing Price | Minimized Price, Link Price, Price Link URL, Open in New Tab, Nofollow |
| Listing Price Class | No element-specific options |
| Listing Share | No element-specific options |
| Listing FAQs | No element-specific options |
| Listing Embeds | No element-specific options |
| Listing Video | No element-specific options |
| Listing Remark | No element-specific options |
| Report Abuse | No element-specific options |
Addon-Dependent Listing Elements
Section titled “Addon-Dependent Listing Elements”| Element | Add-on requirement | Element settings |
|---|---|---|
| Claim Button | Claim | Text, Preview claimed state |
| Favorite Button | Favorite | No element-specific options |
| Compare Button | Compare | No element-specific options |
| ACF Addon | ACF | ACF Fields repeater |
| Franchise Addon | Franchise | Show Headings, Parent heading label, Sub Listings heading label, Listdom Shortcode selector |
| Auction Addon | Auction | No element-specific options |
| Booking Addon | Booking | No element-specific options |
| Listing Review Form | Reviews | No element-specific options |
| Stats Addon | Stats | Layout, Display Zero Values, Display Visits, Display Contacts, Display Offers, Display Bookings, Display Reviews, Display Comments |
| Jobs Addon | Jobs | No element-specific options |
| Team Addon | Team | No element-specific options |
| External Direction | Advanced Map | Link Text, Show Icon, Icon |
Listdom (Non-Listing) Bricks Elements
Section titled “Listdom (Non-Listing) Bricks Elements”| Element | Element settings |
|---|---|
| Listdom Shortcode | Select saved shortcode |
| Listdom Search | Select saved search shortcode |
| Listdom Profile | No element-specific options |
| Listdom Users | Style, Limit, Columns |
Taxonomy Elements (Category, Location, Tag, Feature, Label)
Section titled “Taxonomy Elements (Category, Location, Tag, Feature, Label)”| Element | Element settings |
|---|---|
| Listdom Category | Style (Clean/Simple/Image/Carousel), Columns Count, Maximum Images Per Row, Limit, Show Count, Show Icon, Source, Select Terms, Parent Term ID, Search Keyword, Hide Empty, Order By, Order, Layout |
| Listdom Location | Style (Clean/Simple/Image), Columns Count, Maximum Images Per Row, Limit, Show Count, Show Icon, Source, Select Terms, Parent Term ID, Search Keyword, Hide Empty, Order By, Order, Layout |
| Listdom Tag | Style (Clean/Simple), Columns Count, Limit, Show Count, Show Icon, Source, Select Terms, Parent Term ID, Search Keyword, Hide Empty, Order By, Order |
| Listdom Feature | Style (Clean/Simple), Columns Count, Limit, Show Count, Show Icon, Source, Select Terms, Parent Term ID, Search Keyword, Hide Empty, Order By, Order |
| Listdom Label | Style (Clean/Simple), Columns Count, Limit, Show Count, Show Icon, Source, Select Terms, Parent Term ID, Search Keyword, Hide Empty, Order By, Order |
Dynamic Tags Added in Bricks
Section titled “Dynamic Tags Added in Bricks”Listdom Bricks dynamic tags are available in Bricks fields that support dynamic data.
Examples:
- Core listing/author:
{lsd_post_title},{lsd_post_url},{lsd_post_featured_image},{lsd_author_display_name},{lsd_author_email} - Core listing fields:
{lsd_address},{lsd_price},{lsd_price_class},{lsd_currency},{lsd_email},{lsd_phone},{lsd_website},{lsd_gallery} - Dynamic tags from your setup: social network tags and attribute tags such as
{lsd_attribute_123}
Add-on-based examples:
{lsd_visits},{lsd_contacts}via Stats{lsd_bookings_count}via Booking{lsd_offers_count}via Auction{lsd_rate},{lsd_reviews_count}via Reviews
Bricks Integration Scope
Section titled “Bricks Integration Scope”The addon integration includes:
- Bricks categories:
listdom-listingandlistdom - Listdom details support in Bricks-supported post types
- Bricks dynamic data integration for Listdom tags
- A broad Bricks element library (baseline + conditional elements)
- Conditional elements based on enabled Listdom components:
- Map enabled: Listing Address, Listing Map
- Work Hours enabled: Listing Working Hours
- Pricing enabled: Listing Price, Listing Price Class
- Socials enabled: Listing Share
In code terms, the integration registers a large baseline set of elements and then conditionally adds map, working-hours, pricing, and socials-related elements when those components are enabled.
How Element Controls Work in Bricks
Section titled “How Element Controls Work in Bricks”In Listdom Bricks elements, addon-defined settings are primarily exposed in the Content tab. Visual styling is typically handled through Bricks’ native Style and Advanced controls.
This means:
- Use Listdom element settings for listing behavior and output logic.
- Use Bricks design controls for typography, spacing, colors, effects, and responsive styling.
Troubleshooting
Section titled “Troubleshooting”- Listing elements show empty in builder preview: Publish at least one listing and reopen the builder.
- “Shortcode not found!” output: Select a valid saved shortcode in the Listdom Shortcode/Search element.
- Expected element missing: Check whether the related Listdom component or add-on is active.
- Google-only map controls unavailable: Set Map Provider to
Google Maps.
Do I need Bricks Pro or Elementor Pro to use the Listdom Bricks Addon?
No. Listdom Bricks integration works with Bricks itself and does not require Elementor Pro.
Can I build single listing, listing card, and infowindow templates with Bricks?
Yes. Build single listing templates in Bricks -> Templates and create listing card/infowindow layouts in Listdom -> Bricks Builder.
Why do some Bricks elements not appear in my editor?
Some elements are conditional and appear only when required Listdom components or add-ons are enabled.
Where are Listdom dynamic tags used in Bricks?
Use them in Bricks fields that support dynamic data, such as text, links, and images.
How do I apply my Bricks listing card layout in a shortcode skin?
Publish the layout in Listdom -> Bricks Builder with Layout Type = Listing Card, then select it as the style in a card-capable skin.
Related Articles
Section titled “Related Articles”- Elementor Addon
- Advanced Map Addon
- Single Listing Settings
- How to Customize the Single Listing Page in Listdom
- Skins and Shortcodes Common Settings
For complementary context, see display listings with Listdom shortcodes and Listdom search forms.