{"id":905,"date":"2021-04-29T11:11:22","date_gmt":"2021-04-29T11:11:22","guid":{"rendered":"http:\/\/directorist.com\/documentation\/?post_type=wpwax_directorist&#038;p=905"},"modified":"2022-04-06T12:02:58","modified_gmt":"2022-04-06T06:02:58","slug":"all-listings-management","status":"publish","type":"wpwax_directorist","link":"https:\/\/directorist.com\/documentation\/directorist\/listings-management\/all-listings-management\/","title":{"rendered":"All Listings Management"},"content":{"rendered":"\n<p>This documentation will help you configure the All Listings View Settings of Directorist. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">All Listings View<\/h3>\n\n\n\n<p><span style=\"font-weight: 400\">All Listings view refers to the page that contains all the listings. When users submit their listings, all the listings are added to a page that is coined as the all listing page. All listing view derives from the Directorist template, therefore, your theme has no influence on the template\u2019s design. <\/span><\/p>\n\n\n\n<p>There are two card styles in Directorist <strong>a. All Listing Grid Layout <\/strong>and the<strong> b. All Listing List Layout <\/strong>and using the builder you can customize both of the styles. Here is an example of both the styles<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\n<p style=\"text-align: center\"><strong>All Listing Grid Layout<\/strong><\/p>\n<\/td><td>\n<p style=\"text-align: center\"><strong>All Listing List Layout<\/strong><\/p>\n<\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/CjKlnh9.png\"><\/td><td><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/l3mxFX9.png\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><span style=\"font-weight: 400\">You can customize the page to a certain extent. To customize the all listing view please visit the sections below.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">All listings page setup<\/h3>\n\n\n\n<p><span style=\"font-weight: 400\">Directorist will generate the all listing page upon installation of the plugin. Howbeit, you can use the shortcode <\/span><b>[directorist_all_listing]<\/b><span style=\"font-weight: 400\"> to show all listings wherever you want. There are a few parameters you can use for advanced personalization. If you want to set your custom all listing page as the default page then navigate to <\/span><b>Directory Listings Settings \u2192 Page Setup \u2192 Pages, Links, and Views \u2192 All listing page<\/b><span style=\"font-weight: 400\"> and assign the page there.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"629\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-2-1024x629.png\" alt=\"\" class=\"wp-image-1976\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-2-1024x629.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-2-300x184.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-2-768x472.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-2.png 1378w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Managing the all listings view<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400\">There are a lot of options to manage and customize the all listing page, you can change them and change the look of the page.<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><span style=\"font-weight: 400\"><strong>Display Header:<\/strong> You can hide the header of the all listing page if you wish. <\/span><br><\/li><\/ol>\n\n\n\n<p>To show or hide the header go to&nbsp;<strong>Directory Listings \u2192 Settings \u2192 Listings \u2192 All Listings \u2192 Turn on or off Display Header Toggle Button<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-3-1024x623.png\" alt=\"\" class=\"wp-image-1977\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-3-1024x623.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-3-300x183.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-3-768x467.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2022\/03\/image-3.png 1387w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br><br><span style=\"font-weight: 400\">This particular option will show or hide the listing header according to the settings.<img loading=\"lazy\" decoding=\"async\" width=\"987\" height=\"251\" class=\"alignnone size-full wp-image-907\" src=\"http:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/all_listign_header.png\" alt=\"\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/all_listign_header.png 987w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/all_listign_header-300x76.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/all_listign_header-768x195.png 768w\" sizes=\"auto, (max-width: 987px) 100vw, 987px\" \/><br><br><\/span><\/p>\n\n\n\n<p>2. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Header Title:<\/strong> It is possible to change the header title however you like it to show up on the webpage.<\/span><\/span><\/p>\n\n\n\n<p>3. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Instant Search:<\/strong> <\/span><\/span>This option will make the search instantly on the current page. While you keep this option &#8220;On&#8221;, the searching will not redirect to another page. Therefore, it stays on the current page with the search result. However, while you keep this option &#8220;Off&#8221; the search will redirect to another page.&nbsp;<\/p>\n\n\n\n<p><strong>***This feature will not work on the Search home page and Search widget. However, in the theme sidebar, instant search works perfectly***<\/strong><\/p>\n\n\n\n<p>The instant search option comes with a shortcode parameter with a yes|no value.&nbsp;<\/p>\n\n\n\n<p><strong>Parameter: instant_search=\u201dyes\u201d&nbsp;<\/strong><\/p>\n\n\n\n<p>You just have to add the parameter with the shortcode of each page except the <strong>search result page.<\/strong>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/X9l9kGqPmCwXBuL-VNLVvNR_i06Y8y76dG-fKV6c4L3iuNODcmDQDIdljsR6vmbu9AJv8yG9f7Koz1Ik732ZDawFEvAeZ5YAstboyBIShM_7lQ4Muo21nrrxlU7UDW7lVv7V0HD7\" alt=\"\" \/><\/figure>\n\n\n\n<p>This is the shortcode with which the instant search parameter works\u2192\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>[directorist_all_listing instant_search=\u201dyes\u201d]<\/li><\/ul>\n\n\n\n<p>The shortcode has a higher priority than the settings option. For example, if the instant search option is &#8216;On&#8217; in the settings but the shortcode is instant_search=\u201d<strong>no\u201d<\/strong>. Then the instant search will not work.&nbsp;&nbsp;<\/p>\n\n\n\n<p>4. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Display Filters Button:<\/strong> This option will hide the Filters Button from the Header. So users can not expand the filter options.<\/span><\/span><\/p>\n\n\n\n<p>5. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Display FIlters Icon:<\/strong> If you do not want to show the filter icons on the filters button located at the header of All Listing Page you can use this option to hide it.<\/span><\/span><\/p>\n\n\n\n<p>6. <span style=\"font-weight: 400\"><strong>Filters Button Text:<\/strong> This field allows you to change the Filter Button Text. Instead of default text Filters, you can use your own words.<\/span><br><\/p>\n\n\n\n<p class=\"has-text-align-center\"><img decoding=\"async\" src=\"http:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/filters_button.png\" alt=\"\" style=\"width: 500px\"><br><br><br><span style=\"font-weight: 400\"><\/span><\/p>\n\n\n\n<p>7. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Tags Filter Source:<\/strong> You can display all the tags in the filter or show tags based on categories. For example, assume you have 10 categories and each category has 100s of tags. If you select \u201cCategory Based Tags\u201d then only tags of each category will be displayed.<\/span><\/span><\/p>\n\n\n\n<p>8. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Default Radius Distance:<\/strong> Directorist allows you to set a default radius distance for the location search. If you select or search for a location; for example \u201cNew York\u201d and your radius is set to 90 then all the listings will appear within 90km distance.<\/span><\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400\"><span style=\"font-weight: 400\">9.<strong> Filter Buttons:<\/strong> These buttons are the action buttons located bottom of the filter options. You can select if you want to show the \u201cApply\u201d and \u201cReset\u201d buttons.<\/span><\/span><\/p>\n\n\n\n<p>10. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Reset Filters Button text:<\/strong> You can name this button with your own words, but it will still work as a reset button.<\/span><\/span><\/p>\n\n\n\n<p>11. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Apply Filters Button text:<\/strong> You are allowed to change the text of the Apply Filter Button, but it will work the same as before.<\/span><\/span><\/p>\n\n\n\n<p>12. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Display &#8220;Sort By&#8221; Dropdown:<\/strong> If you want to allow users to sort the listings then you need to have this option enabled.<\/span><\/span><\/p>\n\n\n\n<p class=\"has-text-align-center\">12.1 <span style=\"font-weight: 400\"><strong>&#8220;Sort By&#8221; Dropdown:<\/strong> Users can choose from the dropdown how they want to sort the page.<br><img loading=\"lazy\" decoding=\"async\" width=\"454\" height=\"349\" class=\"alignnone size-full wp-image-909\" src=\"http:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/sortby.png\" alt=\"\" style=\"width: 500px\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/sortby.png 454w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/sortby-300x231.png 300w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/><br><br><\/span><\/p>\n\n\n\n<p>13. <span style=\"font-weight: 400\"><strong>Display &#8220;View As&#8221; Dropdown:<\/strong> if you want to provide the freedom of selecting the preferred way of viewing the listings to users then you may have this option enabled.<\/span><\/p>\n\n\n\n<p>14. <span style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>&#8220;View As&#8221; Dropdown:<\/strong> There are three types of views available in the Directorist.<\/span><\/span> <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"font-weight: 400\">Grid<\/span><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"font-weight: 400\">List<\/span><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"font-weight: 400\">Map<\/span> <p><span style=\"font-weight: 400\">You have the freedom to let the users choose their preferred way of viewing the listings.<\/span><\/p> <\/li><\/ul>\n\n\n\n<p>15. <span style=\"font-weight: 400\"><strong>Default View:<\/strong> Whenever a user visits the all listings page, you can select your preferred method of viewing as the default view. You can either choose Grid, List, or Map view.<br><br><\/span><\/p>\n\n\n\n<p>16. <span style=\"font-weight: 400\"><strong>Grid View:<\/strong> If you choose \u201cGrid View\u201d as the default view then you can further select whether to display the normal grid view or the popular \u201cmasonry\u201d view.<br><\/span><\/p>\n\n\n\n<p>17. <span style=\"font-weight: 400\"><strong>Number of Columns:<\/strong> Directorist allows you to control the number of columns to be displayed on the \u201call listings\u201d page. You can choose from 1 to 5 columns as the default view.<br><\/span><\/p>\n\n\n\n<p>18. <span style=\"font-weight: 400\"><strong>Listings Order By:<\/strong>&nbsp;Directorist gives you the flexibility to set the order of the listings. You can select either to order by price, date(default), or title.<br><br><\/span><\/p>\n\n\n\n<p>19. <span style=\"font-weight: 400\"><strong>Listings Sort By:<\/strong> You can select whether to sort by ascending(oldest to latest) or descending(latest to oldest) order. <br><strong><br><\/strong><\/span><\/p>\n\n\n\n<p>20. <span style=\"font-weight: 400\"><strong>Show Preview Image:<\/strong> This option allows you to show or hide featured images from all listing page.<br><img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"597\" class=\"alignnone size-full wp-image-910\" src=\"http:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/image_options.png\" alt=\"\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/image_options.png 784w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/image_options-300x228.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/image_options-768x585.png 768w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><br><strong><br><\/strong><\/span><\/p>\n\n\n\n<p>21. <span style=\"font-weight: 400\"><strong>Image Quality:<\/strong> There are three types of image quality available to choose from. These are Medium, Large and Full. Your chosen image quality will be displayed on the listing page.<br><strong><br><\/strong><\/span><\/p>\n\n\n\n<p>22. <span style=\"font-weight: 400\"><strong>Image Size:<\/strong> You can set the image size here, whether to keep the original size of the image or fill\/fit with the container.<br><br><\/span><\/p>\n\n\n\n<p>23. <span style=\"font-weight: 400\"><strong>Container Height and Width:<\/strong> Set the container height and width. You can also select if you want to control the container size by pixel or ratio.<br><br><\/span><\/p>\n\n\n\n<p>24. <span style=\"font-weight: 400\"><strong>Image Background:<\/strong> You can also set the image background color or a blur effect. If you select a color you will get a color selection field to set your desired color.<br><br><\/span><\/p>\n\n\n\n<p>25. <span style=\"font-weight: 400\"><strong>Select Listing Preview Image:<\/strong> You can set a default image as your choice. When there is no preview image in the listing the default image will show there.<br><br><\/span><\/p>\n\n\n\n<p>26. <span style=\"font-weight: 400\"><strong>Display Each Grid Info on a Single Line:<\/strong> Here Yes means to display all the information (i.e. title, tagline, excerpt, etc.) of the grid view on a single line.<br><br><\/span><\/p>\n\n\n\n<p>27. <span style=\"font-weight: 400\"><strong>Address:<\/strong> Choose which address you want to show on the listings page whether to choose from the location or the contact information.<br><br><\/span><\/p>\n\n\n\n<p>28. <span style=\"font-weight: 400\"><strong>Publish Date Format:<\/strong> There are two date formats to show your listing published date. You can choose between `Number of days ago` format or `Standard date format`.<br><br><\/span><\/p>\n\n\n\n<p>29. <span style=\"font-weight: 400\"><strong>Paginate Listings:<\/strong> You have the flexibility to paginate listings. If you prefer single-page scrolling then you may disable the pagination. <br><br><\/span><\/p>\n\n\n\n<p>30. <span style=\"font-weight: 400\"><strong>Listings Per Page:<\/strong> By default 6 listings will be displayed on the archive page. However, you have the freedom to set any number of your choice.<\/span><\/p>\n\n\n\n<p><b>Customize listing layouts:&nbsp;<\/b><\/p>\n\n\n\n<p><span style=\"font-weight: 400\">Since Directorist version 7 has been released, there is a new option named Directory Builder where you can change the layout of the listing page by dragging and dropping the items on the layout. You need to go to the <\/span><b>Admin Menu -&gt; Directory Builder -&gt; Listing Card Layout<\/b><\/p>\n\n\n\n<p><span style=\"font-weight: 400\">Then you need to select Listing Card Grid Layout to customize the <\/span>Grid layout or select Listing Card List Layout to customize the <span style=\"font-weight: 400\">List layout.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400\">Now you can change different sections of the listing layout. You can simply press the add button and select fields from the available options in each section.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"582\" src=\"http:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/listign-body.png\" alt=\"\" class=\"wp-image-911\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/listign-body.png 727w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/03\/listign-body-300x240.png 300w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><\/figure>\n\n\n\n<p>And this is how you can set up all listings view with Directorist.<\/p>\n","protected":false},"author":4606,"parent":0,"menu_order":0,"template":"","class_list":["post-905","wpwax_directorist","type-wpwax_directorist","status-publish","hentry","wpwax_directorist_category-listings-management"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_directorist\/905","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\/4606"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}