The listing details page is where visitors to your website can learn more about a particular listing. You can customize the look of this page to match your site’s overall design. To do this, go to Listdom → Settings → Details Page tab. You can change the style, select the layout template file from your active theme files, and enable or disable the elements that appear on the page.
Style
Listdom offers several ways to design the listing details page. The available options are:
Premade Styles
Choose between the premade styles to change the look of the listing details page. The available styles are:
Style 1 – Basic: It’s a basic style that displays the listing details elements in one column and under each other. See the Demo. You can change the order of the elements in this style by dragging them in the Elements section.
Style 2 – Sidebar: This style shows the elements in two columns. It has a main column and a sidebar. The order of the elements cannot be changed in this style. See the demo.
Style 3 – Slider Header: In this style, the listing gallery images are displayed as a slider on top of the details page. See the demo. It’s also possible to change the slider to a list of images. Each image can be displayed in a lightbox in both the slider and list. To apply these settings go to the Image Gallery element in the Elements section.
Style 4 – User Directory: This style is designed to suit directory sites that present a list of users, contacts, staff, etc. The listing featured image is small enough to only show the person’s photo and the contact details are placed under the listing title. See the demo.
Design Builder
The Listdom design builder lets you design the listing details page according to what you need. See the demo. By choosing the “Design Builder” option, two new options will be displayed under the Elements section.
Configuration: Is used to configure each element’s details
Design builder: It lets you create the details page. The Design Builder has 9 sections in 3 rows. The rows are Headers, Columns, and Footers. The width of the column can be determined using the dropdown field on top of each of them. The available width options are:
- 1/4
- 2/4
- 3/4
- 4/4
Note that the width of the columns in each row is proportional to the other columns. It’s not required for the columns’ width sum to equal 4/4. For example, you can select 4/4 for all of them and the width of all columns will be equal.
Also, in each column, there is a list of all of the available elements. You can select any of them and display them in that column. Drag and drop each element to determine the order of them. Elements will not appear on the front end if they are disabled in the Configuration tab or listing Display Options. The Map element can only be enabled once.
There are two fields under the Design Builder tab:
- Box Method: this option is most used while the site theme is Listdomer. The Listdomer displays the content in white boxes. In this option you can determine that the white background should be applied to:
- Whole Box: All elements are placed in one box.
- Row Box: Each row (Header, Columns, Footers) will be placed in one box.
- Section Box: Each of the 9 sections will be placed in one box.
- Element Box: Each of the elements e.g. Listing Title, Featured Image, etc. will be in a separate box.
- No Box: No box will be displayed.
- Title Alignment: Use this option to determine the title alignment of each element of the Design Builder.
Elementor Designs
With the Listdom Elementor addon installed, you can design custom styles and choose them as the default listing details page style.
Divi Designs
Also, you can use the Listdom Divi addon to design custom styles and choose them as the default listing details page style.
Theme Layout
This configuration enables you to select a template from your active theme. If the website theme supports multiple layouts for single pages, you can select your desired layout for the listing details page. If you’re unsure about this option, just select the Default Layout. Also, don’t select an archive layout if your theme has added this option. If you are unsure about this, leaving it as the default is best.
Display Options Per Listing
Each listing can have its own set of elements and styles. The settings applied to each one override the configurations on this page. Choose who can manage these settings for each listing. The available options are:
- Disabled
- Admin only
- Admin and listing owner
👉 Display Options Per Listing is included in the Pro Add-on. You can upgrade to the Listdom Pro Add-on now to enjoy all of the features of the Listdom.
Comments
You can disable or enable the comments sections of the listings.
Elements
In the Elements section, you can change the order of the elements if Style 1 – Basic is selected in the style field. Additionally, you can disable or enable the elements that are displayed on the listing details page in all Styles. To do that simply click on the check icon ✓ to disable the element. To enable an element click on the appeared minus icon.
You can also click on the gear icon ⚙ to configure each element more, such as whether its title should be displayed or not. Some of the Listdom addons may add new elements to this section. The available elements and their setting options are:
- Labels: Determine the title display status.
- Featured Image: Determine the title display status.
- Image Gallery: Determine the title display status and enable the lightbox. Also, you can change:
- Lightbox: Enable the lightbox option to open each image in a lightbox.
- Style: Activate the slider option to display the gallery images in a nice-looking slider. The other option is List, which displays the images’ thumbnails simply next to each other.
- Listing Titles: Determine the title display status.
- Categories: Determine the title display status.
- Price: Determine the title display status.
- Tags: Determine the title display status.
- Listing Content: Determine the title display status.
- Embed: Determine the title display status. (Added by Listdom Pro addon)
- Attributes: Determine the title display status and enable the attributes icons. (Added by Listdom Pro addon)
- Features: Determine the title display status and enable the features icons.
- Contact Information: Determine the title display status.
- Remark/Owner Message: Determine the title display status.
- Locations: Determine the title display status.
- Address: Determine the title display status.
- Map: Beside the title status, you can set the following items for the map:
- Map Provider: Select the map provider to be Google Maps or Leaflet. The Leaflet is available in the Listdom Pro addon.
- Style: Select the default Google Maps styles.
- Google Places: Enable or disable the Google Places.
- Zoom Control: Select the position of the Zoom Control tool.
- Map Type: Select the position of the Map Type tool.
- Street View: Select the position of the Street View tool.
- Scale Control: Enable or disable the Scale Control.
- Fullscreen: Enable or disable the Fullscreen.
- Availability: Determine the title display status.
- Owner: Beside the title status, you can enable or disable the following items too:
- Contact Form
- Tel
- Mobile
- Website
- Fax
- Share: Determine the title display status.
- Report Abuse: Determine the title display status.
- Discussion: Determine the title display status. (Added by Listdom Reviews addon)
- ACF: Determine the title display status. (Added by Listdom ACF addon)
- Ads: Determine the title display status. (Added by Listdom Ads addon)
- Auction: Determine the title display status. (Added by Listdom Auction addon)
- Booking: Determine the title display status. (Added by Listdom Booking addon)
- Franchise: Determine the title display status. (Added by Listdom Franchise addon)
- Application: Determine the title display status. (Added by Listdom Jobs addon)
- Stats: This element is added by Listdom Stats addon. Beside the title status, you can determine whether the stats element should be displayed when are zero or not. Also, you can enable or disable the following items too:
- Visit
- Contact
- Offers
- Bookings
- Reviews
- Comments
- Team: This element is added by Listdom Team addon. Beside the title status, you can enable or disable the following items too:
- Tel
- Mobile
- Website
- Fax
- Featured Video: Determine the title status of the featured video. This option is available in the Listdom Pro addon.
