Directorist

Getting Started

Listings Management

Monetization

Search and Filter Settings

Customization

Shortcodes

Advanced Settings

Developers Guide

Articles

Directory Builder

Single Listings Layout

Single Listing

When a user clicks on the link of a listing on any archive page, like a search result or all listings archive, etc then the user is redirected to a page where complete details of a listing are displayed. This page is known as the Single Listing page. It is enabled by default. However, you can disable or customize it from the single listing settings.  Directorist gives you flexibility when it comes to displaying a single listing.  You can either enable or disable the single listing view by one single option; disabling it will allow you to display all listings as a catalog.

Single Listing Template Selection

Single listing page design is inherited from the theme’s “Posts” template which is enabled by default. You can also choose the Directorist Custom template from the Settings → Personalization → Single Listing Template → Template.

Single Listing Page Layout Builder

Directory Builder lets you customize the single listing page layout. We have divided the page into three sections
  • Listing header
  • Content
  • Other Settings
Before we start building the layout lets get introduced to the setting icons and their attributes

Settings Icon
Settings Icon: Click on the following icon to configure the element i.e. Change label, enable/disable element feature, etc.
Tools Icon: Use this icon to change the position of the elements.
Trash Icon: Trash an element
Plus Icon: Add New Element
Figure 1 1. Listing Header: You can configure the listing header sections by clicking on the “Settings” icon and also add new elements to the section likewise the screenshot below.   The header area consists of the following parts
  1. Back: Click on the Settings icon to enable/disable the back button (See Figure 1)
  2. Section Title: Configure the section title by clicking on the settings icon.
  3. Top Right: Add/Remove favorite, share, report abuse icons in this section. Hover over the icons to configure each element.
  4. Image Section: You can enable/disable the footer image thumbnail from this section.
  5. Below Image Section: The builder also lets you add/remove/configure elements like badges, pricing, location, categories, ratings, and reviews.
  6. Listing Title: This section allows you to show/hide the Listing title and tagline.
  7. Listing Description: You can also hide the listing description here.
2. Content: In this settings tab, you can customize the single listing layout by reordering the sections. Also, you can add, remove, modify sections/fields using the builder. The fields that you created/added while building the Submission Form appear here.  Just dag the fields that you want to display on the single listing page from the right sidebar and drop it to the left. Using the new Directory Builder you can
  1. Change the order of the listing fields
  2. Edit section title/label, add custom icon tags, add custom class/id for customization. 
  3. Configure the fields and to do so you need to click on the arrow down "˅".
  4. Remove a section by clicking on the trash icon.
  5. Add new sections and add fields of your choice.
3. Other Settings: Configure the related/similar listing settings here.
  • Select the suitable logic for the Similar Listing area. You can either select "Must match category and location" which means both the category and the location must match or "Must match category or location" which means either category or the location must match.
  • Enable the "Listing from same author" option to display the listings from the same author only.
  • You can also set the number listing, columns you want to display on the similar listings section.

General Settings

Directorist gives you the flexibility to configure the general settings of the single listing page without any sort of coding. The settings are located in  Settings → Listings →  Single listings. The following settings are available Disable Single Listing View: You can disable the Single Listing view and have your listings display as a catalog only. Restrict Single Listings for Logged in User Only: Enabling this option will prevent the guest users to view the listing. A user will need to log in to see the listing details. Template: You can choose whether to inherit your theme’s template for the single listing view or use the Directorist custom template.  Listing Slug: You can change the slug of your Single listing posts for example https://example.com/custom-listing-slug/single-listing Redirect after Editing a Listing: Select where the user will be redirected after editing a listing on the frontend. Show Submission Confirmation: Enable the Show Submission Confirmation to display a message after the listing submission. Show Backlink: You can let your users go back to the previous page.  Configure Slider Images: Directorist allows you to configure the slider images. You can choose if you want to hide/show slider images. Set the slider image size, color, thumbnails, etc.  Address Linked with Map:  Enable if you want to link the full address with the map. Configure Related Listing settings: You can choose to display related listings based on category and/or tag. And that's all about Single Listing Layout feature of Directorist.

Last Updated: July 26th, 2021

Related Article