{"id":157,"date":"2020-05-08T10:20:58","date_gmt":"2020-05-08T10:20:58","guid":{"rendered":"https:\/\/directorist.com\/docs\/?post_type=wpwax_directorist&p=157"},"modified":"2021-07-26T13:32:32","modified_gmt":"2021-07-26T07:32:32","slug":"single-listings-layout","status":"publish","type":"wpwax_directorist","link":"https:\/\/directorist.com\/documentation\/directorist\/form-and-layout-builder\/single-listings-layout\/","title":{"rendered":"Single Listings Layout"},"content":{"rendered":"

Single Listing<\/b><\/h3>\n

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.\u00a0<\/span><\/p>\n

Directorist gives you flexibility when it comes to displaying a single listing.\u00a0 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.<\/span><\/p>\n

Single Listing Template Selection<\/b><\/h3>\n

<\/b>Single listing page design is inherited from the theme\u2019s \u201cPosts\u201d template which is enabled by default. You can also choose the Directorist Custom template from the<\/span> Settings \u2192 Personalization \u2192 Single Listing Template \u2192 Template<\/b>.<\/span><\/p>\n

<\/p>\n

Single Listing Page Layout Builder
\n<\/b><\/h3>\n

<\/b>Directory Builder lets you customize the single listing page layout. We have divided the page into three sections<\/span><\/p>\n

    \n
  • Listing header <\/span><\/li>\n
  • Content <\/span><\/li>\n
  • Other Settings
    \n<\/strong><\/span><\/li>\n<\/ul>\n

    Before we start building the layout lets get introduced to the setting icons and their attributes<\/p>\n\n\n\n\n\n\n\n
    \n

    Settings Icon<\/span><\/p>\n<\/td>\n<\/tr>\n

    <\/td>\nSettings Icon:<\/strong> Click on the following icon to configure the element i.e. Change label, enable\/disable element feature, etc.<\/td>\n<\/tr>\n
    <\/td>\nTools Icon:<\/strong> Use this icon to change the position of the elements.<\/td>\n<\/tr>\n
    <\/td>\nTrash Icon:<\/strong> Trash an element<\/td>\n<\/tr>\n
    <\/td>\nPlus Icon:<\/strong> Add New Element<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    Figure 1<\/strong><\/p>\n

    1. Listing Header: <\/b>You can configure the listing header sections by clicking on the \u201cSettings\u201d icon and also add new elements to the section likewise the screenshot below.\u00a0\u00a0<\/span><\/p>\n

    <\/p>\n

    The header area consists of the following parts<\/p>\n

      \n
    1. Back<\/strong>: Click on the Settings icon to enable\/disable the back button (See Figure 1)<\/li>\n
    2. Section Title<\/strong>: Configure the section title by clicking on the settings icon.<\/li>\n
    3. Top Right:<\/strong> Add\/Remove favorite, share, report abuse<\/strong> icons in this section. Hover over the icons to configure each element.<\/li>\n
    4. Image Section:<\/strong> You can enable\/disable the footer image thumbnail from this section.<\/li>\n
    5. Below Image Section:<\/strong> The builder also lets you add\/remove\/configure elements like badges, pricing, location, categories, ratings, and reviews.<\/li>\n
    6. Listing Title: <\/strong>This section allows you to show\/hide the Listing title and tagline.<\/li>\n
    7. Listing Description: <\/strong>You can also hide the listing description here.<\/li>\n<\/ol>\n

      <\/p>\n

      2. Content:<\/b> 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.\u00a0<\/span><\/p>\n

      Just dag the fields that you want to display on the single listing page from the right sidebar and drop it to the left.<\/p>\n

      <\/p>\n

      Using the new Directory Builder you can<\/p>\n

        \n
      1. Change the order of the listing fields<\/li>\n
      2. Edit section title\/label<\/strong>, add custom icon<\/strong> tags, add custom class\/id<\/strong> for customization.\u00a0 <\/li>\n
      3. Configure the fields and to do so you need to click on the arrow down “\u02c5<\/strong>“. <\/li>\n
      4. Remove a section by clicking on the trash icon.<\/li>\n
      5. Add new sections and add fields of your choice. <\/li>\n<\/ol>\n

        3. Other Settings: <\/b>Configure the related\/similar listing settings here.<\/span><\/p>\n

        <\/p>\n

          \n
        • Select the suitable logic for the Similar Listing area. You can either select “Must match category and location”<\/strong> which means both the category and the location must match or “Must match category or location”<\/strong> which means either category or the location must match.<\/li>\n
        • Enable the “Listing from same author” option to display the listings from the same author only.<\/li>\n
        • You can also set the number listing, columns you want to display on the similar listings section.<\/li>\n<\/ul>\n

          General Settings<\/b><\/h3>\n

          Directorist <\/b>gives you the flexibility to configure the general settings of the single listing page without any sort of coding. The settings are located in <\/span>\u00a0Settings \u2192 Listings \u2192\u00a0 Single listings. <\/b>The following settings are available<\/span><\/p>\n

          Disable Single Listing View:<\/b> You can disable the Single Listing view and have your listings display as a catalog only.<\/span><\/p>\n

          Restrict Single Listings for Logged in User Only:<\/strong> Enabling this option will prevent the guest users to view the listing. A user will need to log in to see the listing details.<\/p>\n

          Template:<\/b> You can choose whether to inherit your theme\u2019s template for the single listing view or use the Directorist custom template.\u00a0<\/span><\/p>\n

          Listing Slug:<\/b> You can change the slug of your Single listing posts for example https:\/\/example.com\/custom-listing-slug\/single-listing<\/span><\/p>\n

          Redirect after Editing a Listing:<\/b> Select where the user will be redirected after editing a listing on the frontend.<\/span><\/p>\n

          Show Submission Confirmation: <\/strong>Enable the Show Submission Confirmation to display a message after the listing submission.<\/p>\n

          Show Backlink:<\/b> You can let your users go back to the previous page.\u00a0<\/span><\/p>\n

          Configure Slider Images:<\/b> Directorist allows you to configure the slider images. You can choose if you want to <\/span>hide\/show<\/b> slider images. Set the slider image size, color, thumbnails, etc.\u00a0<\/span><\/p>\n

          <\/p>\n

          Address Linked with Map:\u00a0 <\/strong>Enable if you want to link the full address with the map.<\/p>\n

          Configure Related Listing settings: <\/b>You can choose to display related listings based on category and\/or tag.<\/span><\/p>\n

          And that’s all about Single Listing Layout feature of Directorist.<\/p>\n","protected":false},"author":2298,"parent":0,"menu_order":0,"template":"","class_list":["post-157","wpwax_directorist","type-wpwax_directorist","status-publish","hentry","wpwax_directorist_category-form-and-layout-builder"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_directorist\/157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_directorist"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_directorist"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/2298"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}