Listdom Single Listing Styles and Customization Options
此内容尚不支持你的语言。
Listdom provides multiple ways to build your single listing page, from quick built-in layouts to full builder-based templates.
You can use:
- built-in pre-made styles
- built-in Design Builder
- page builder integrations such as Elementor, Divi, and Bricks
- your theme’s page wrapper through Theme Layout
This gives you a fast starting point and a scalable path for advanced custom layouts.
When to use this
Section titled “When to use this”Use this guide when you want to:
- understand available single listing style categories
- compare built-in pre-made styles
- decide when to use built-in Design Builder
- decide when to use Elementor, Divi, or Bricks
- understand which settings affect layout output
Before you start
Section titled “Before you start”Before choosing a style:
- make sure Listdom is installed and active
- publish at least one listing for front-end testing
- install the related Listdom builder add-on for Elementor, Divi, or Bricks workflows
Main menu paths used in this guide:
- WP Admin → Listdom → Settings → Single Listing
- WP Admin → Divi → Theme Builder (Divi workflow)
- WP Admin → Bricks → Templates (Bricks single template workflow)
- WP Admin → Templates → Theme Builder (Elementor Pro workflow)
- WP Admin → Listdom → Elementor Styles (Elementor free or Pro workflow via Listdom)
Where the main single listing settings are
Section titled “Where the main single listing settings are”Go to WP Admin → Listdom → Settings → Single Listing.
In General, the main fields are:
- Style Category
- Style
- Theme Layout
- Comments
This screen is the main control center for single listing layout behavior. For full field-level details, see Single Listing Settings Menu Documentation.
Style categories
Section titled “Style categories”Available categories depend on active add-ons and builder integrations.
Common categories include:
Pre-Made Styles
Section titled “Pre-Made Styles”In Pre-Made Styles, Listdom provides:
- Style 1
- Style 2
- Style 3
- Style 4
- Design Builder
Style 1
Section titled “Style 1”Style 1 is the most flexible built-in pre-made style.
- Uses a one-column flow
- Allows reordering enabled elements
- Lets you configure content from the Elements area
Best when: you want a simple built-in layout with element-order flexibility, without moving to an external builder.
Style 2
Section titled “Style 2”Style 2 uses a fixed main-content + sidebar structure.
- You can enable/disable elements
- You can configure element settings
- Element positions remain fixed by style
Best when: you want a structured sidebar layout with faster setup and fewer layout decisions.
Style 3
Section titled “Style 3”Style 3 highlights the gallery first.
- Gallery slider appears at top
- Remaining layout follows a fixed sidebar-based structure
- Element positions remain fixed by style
Best when: you want a gallery-first single listing presentation.
Style 4
Section titled “Style 4”Style 4 uses a compact header layout.
- Smaller image presentation
- Image, title, and basic information appear in one row
- Element positions remain fixed by style
Best when: you want compact directory-style pages (for example, contact/person listings where a large hero image is not the focus).
Design Builder
Section titled “Design Builder”Design Builder is Listdom’s most flexible built-in method for single listing layouts.
When selected, the Elements area includes:
- Configuration tab
- Design Builder tab
Configuration tab
Section titled “Configuration tab”Use it to:
- enable or disable elements
- adjust element-level settings
Design Builder tab
Section titled “Design Builder tab”Use it to:
- select Box Method
- place elements in header, column, and footer sections
- adjust section widths
- reorder elements by drag and drop
Theme Layout
Section titled “Theme Layout”Theme Layout controls the outer page wrapper from your active theme.
If your theme provides multiple single-page templates, choose the one that matches your design target.
Best practice: if you are unsure, keep Default Layout.
Also avoid selecting archive-style templates for single listing pages.
Comments
Section titled “Comments”The Comments option enables/disables the WordPress comments area on single listing pages.
Elementor single listing customization
Section titled “Elementor single listing customization”Use Elementor when you need full visual template control. Elementor
Option 1: Elementor Pro Theme Builder
Section titled “Option 1: Elementor Pro Theme Builder”Use this path if Elementor Pro is active.
Path: WP Admin → Templates → Theme Builder
- Install and activate Elementor.
- Install and activate Elementor Pro.
- Install and activate Listdom Elementor add-on Elementor.
- Go to WP Admin → Templates → Theme Builder.
- Create a Single template.
- Build the layout with Elementor widgets (including Listdom widgets).
- Set Display Conditions for the target listing scope.
- Publish and test on a live listing.
Option 2: Listdom Elementor Styles (free or Pro)
Section titled “Option 2: Listdom Elementor Styles (free or Pro)”Use this path from Listdom directly.
Path: WP Admin → Listdom → Elementor Styles
- Install and activate Elementor.
- Install and activate Listdom Elementor add-on Elementor.
- Go to WP Admin → Listdom → Elementor Styles.
- Create/edit a template and design it with Elementor.
- Save the template.
- Go to WP Admin → Listdom → Settings → Single Listing.
- Select Elementor-related Style Category/Style options as shown on your site.
- Save and test on a published listing.
For a full-width workflow, see How to Create a Full-Width Single Listing Page in Listdom with Elementor.
Divi single listing customization
Section titled “Divi single listing customization”Use Divi if your site already uses Divi templates. Divi
Path: WP Admin → Divi → Theme Builder
- Make sure Divi is active.
- Install and activate Listdom Divi add-on Divi.
- Go to WP Admin → Divi → Theme Builder.
- Click Add New Template.
- Configure Divi template assignment rules for listing pages.
- Build the template body with Divi Builder.
- Save assignments and test on a published listing.
Bricks single listing customization
Section titled “Bricks single listing customization”Use Bricks when your site is Bricks-based and you want a template-condition workflow. Bricks The Bricks add-on supports creating single listing, listing card, and infowindow templates.
Path: WP Admin → Bricks → Templates
- Install and activate Bricks.
- Install and activate Listdom Bricks add-on Bricks.
- Go to WP Admin → Bricks → Templates.
- Create a single listing template and design it in Bricks.
- Open template settings and configure Template Conditions.
- Save and test on a published listing.
Pre-made styles vs builders
Section titled “Pre-made styles vs builders”Use pre-made styles when
Section titled “Use pre-made styles when”- you want fast setup
- you prefer built-in layouts
- you want lower design complexity
Use Design Builder when
Section titled “Use Design Builder when”- you want more layout control without external builders
- you want section-based arrangement and drag-and-drop element ordering
Use Elementor, Divi, or Bricks when
Section titled “Use Elementor, Divi, or Bricks when”- you want a custom template workflow
- you need more visual design freedom
- your site already depends on one builder ecosystem
Display options that also affect output
Section titled “Display options that also affect output”In Display Options under single listing settings, you may see:
- Display Options Per Category Pro
- Display Options Per Package Membership
- Display Options Per Listing Pro
These controls can override default display behavior by category, package, or listing-level permission depending on your active plan/add-ons.
Notes and limitations
Section titled “Notes and limitations”- Style 1 is the most flexible fixed pre-made style.
- Style 2, Style 3, and Style 4 keep element positions fixed.
- Design Builder is the most flexible built-in method overall.
- Theme Layout still affects the outer wrapper even with built-in styles.
- Builder categories appear only when related environments/add-ons are active.
Troubleshooting
Section titled “Troubleshooting”I do not see Elementor, Divi, or Bricks in Style Category
Section titled “I do not see Elementor, Divi, or Bricks in Style Category”Check:
- builder plugin/theme is active
- corresponding Listdom add-on is active
- settings page was refreshed
I changed style but output still looks wrong
Section titled “I changed style but output still looks wrong”Check:
- selected Style Category
- selected Style
- selected Theme Layout
- front-end test on a published listing
I cannot reorder elements
Section titled “I cannot reorder elements”This is expected in Style 2, Style 3, and Style 4.
Use Style 1 or Design Builder for element-order control.
Design Builder is selected but layout is not as expected
Section titled “Design Builder is selected but layout is not as expected”Check:
- required elements are enabled in Configuration
- elements are placed in intended sections in Design Builder
- Map is not duplicated
- Theme Layout is correct
Which built-in single listing style is the most flexible?
For pre-made styles, Style 1 is the most flexible. Overall, Design Builder is the most flexible built-in method.
What is the difference between Style 1 and Styles 2–4?
Style 1 provides more element arrangement flexibility. Styles 2, 3, and 4 keep enabled elements in fixed layout positions.
When should I use Elementor, Divi, or Bricks instead of built-in styles?
Use builder integrations when you want custom template design workflows and more visual control than built-in layouts.