{"id":191,"date":"2020-05-08T23:21:25","date_gmt":"2020-05-08T23:21:25","guid":{"rendered":"https:\/\/directorist.com\/docs\/?post_type=wpwax_directorist&p=191"},"modified":"2024-03-10T13:04:03","modified_gmt":"2024-03-10T07:04:03","slug":"all-listings-page-customization","status":"publish","type":"wpwax_directorist","link":"https:\/\/directorist.com\/documentation\/directorist\/customization\/all-listings-page-customization\/","title":{"rendered":"All Listings Page Customization"},"content":{"rendered":"\n

All Listings Page Customization option comes up with all the bells and whistles to make your Listings page look exactly the way you want. This documentation shows you how to customize the All Listing Page in Directorist. <\/p>\n\n\n\n

Customizing the all listings view<\/b><\/h3>\n\n\n\n

To customize the settings, navigate to the WP Admin Dashboard \u2192 Directory Listings \u2192 Settings \u2192<\/strong> Listings \u2192 All Listings.<\/strong><\/p>\n\n\n\n

Here you will get the following options:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Display Header:<\/b> You can enable\/disable the header which is responsible for the filter, listing view, and the sort functionality. <\/span><\/p>\n\n\n\n

Header Title:<\/b> You can change the title of the header here. <\/span><\/p>\n\n\n\n

Display Filters Button: <\/b>Choose whether to display the filters button in the header. <\/span><\/p>\n\n\n\n

Display Filters Icon: <\/b>If you don\u2019t like the filter icon you can disable the filters icon.<\/span><\/p>\n\n\n\n

Filters Button Text:<\/b> You can rename the filters button.<\/span><\/p>\n\n\n\n

Tags Filter Source:<\/strong> Select the tags for the search filter. You can either select the “All Tags” option or make the tags dependent on a particular category with the “Category based tags” option.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Default Radius Distance: <\/strong>You can set the default radius distance for the search filter form.<\/p>\n\n\n\n

Filter Buttons: <\/strong>Check the boxes to show the Reset and Apply button on the Filter option of search form.<\/p>\n\n\n\n

Reset Filters Button Text: <\/strong>The default text is set to the “Reset Filters”. However, you can change it with your preferred text later.<\/p>\n\n\n\n

Apply Filters Button text: <\/strong>The default text is set to the “Apply Filters”. However, you can change the text anytime.<\/p>\n\n\n\n

Display “Sort By” Dropdown: <\/strong>Use the toggle to display “Sort By” option to the search filter.<\/p>\n\n\n\n

“Sort By” Dropdown: <\/strong>Customize the Sort By dropdown. You will get the following fields:<\/p>\n\n\n\n

    \n
  • A to Z (title) <\/li>\n\n\n\n
  • Z to A (title) <\/li>\n\n\n\n
  • Latest listings <\/li>\n\n\n\n
  • Oldest listings <\/li>\n\n\n\n
  • Popular listings <\/li>\n\n\n\n
  • Price (low to high) <\/li>\n\n\n\n
  • Price (high to low) <\/li>\n\n\n\n
  • Random listings <\/li>\n<\/ul>\n\n\n\n

    Listings Per Page: <\/b>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

    Number of Columns: <\/b>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.<\/span><\/p>\n\n\n\n

    Default View: <\/b>Whenever a user visits the all listings page, you can select your preferred method of viewing as the default view. You can either choose <\/span>Grid, List, <\/b>or<\/span> Map<\/b> view.<\/span><\/p>\n\n\n\n

    Grid View: <\/b>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. <\/span><\/p>\n\n\n\n

    Listings Order By: <\/b>Directorist gives you the flexibility to set the order of the listings. You can select either to order by price, date(default), or title.<\/span><\/p>\n\n\n\n

    Listings Sort By: <\/b>You can select whether to sort by ascending(oldest to latest) or descending(latest to oldest) order.\u00a0<\/span><\/p>\n\n\n\n

    Show Preview Image:<\/b> Hide\/show preview image from all listing pages.<\/span><\/p>\n\n\n\n

    Image Size: <\/b>You can set the image size here, whether to keep the original size of the image or fill\/fit with the container. <\/span><\/p>\n\n\n\n

    Container Height and Width:<\/b> Set the container height and width. You can also select if you want to control the container size by pixel or ratio. <\/span><\/p>\n\n\n\n

    Default Preview Image:<\/b> Directorist lets you choose your own default preview image of the listings.<\/span> <\/span><\/p>\n\n\n\n

    Display Each Grid Info on Single Line:<\/b> Here Yes means to display all the information (i.e. title, tagline, excerpt, etc.) of grid view on a single line.<\/span><\/p>\n\n\n\n

    Address:<\/b> Choose which address you want to show on the listings page whether to choose from the location or the contact information.<\/span><\/p>\n\n\n\n

    Paginate Listings:<\/b> You have the flexibility to paginate listing. If you prefer single-page scrolling then you may disable the pagination. <\/span><\/p>\n\n\n\n

    Sorting<\/b><\/h3>\n\n\n\n

    Display “Sort By” Dropdown: <\/b>If you want to allow users to sort the listings then you need to have this option enabled. <\/span><\/p>\n\n\n\n

    “Sort By” Text:<\/b> You can change the text \u201cSort By\u201d and name it according to your choice.<\/span><\/p>\n\n\n\n

    “Sort By” Dropdown: <\/b>Users can choose from the dropdown how they want to sort the page. <\/span><\/p>\n\n\n\n

    Customizing the \u201cview as\u201d<\/b><\/h3>\n\n\n\n

    Display “View As” Dropdown: <\/b>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

    “View As” Text:<\/b> Directorist lets you change the text of the \u201cView As\u201d button on the header. <\/span><\/p>\n\n\n\n

    “View As” Dropdown:<\/b> There are three types of <\/span>view<\/span><\/i> available in the Directorist.<\/span><\/p>\n\n\n\n

      \n
    1. Grid<\/span><\/li>\n\n\n\n
    2. List<\/span><\/li>\n\n\n\n
    3. Map<\/span><\/li>\n<\/ol>\n\n\n\n

      You have the freedom to let the users choose their preferred way of viewing the listings.<\/span><\/p>\n","protected":false},"author":2298,"parent":0,"menu_order":0,"template":"","class_list":["post-191","wpwax_directorist","type-wpwax_directorist","status-publish","hentry","wpwax_directorist_category-customization"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_directorist\/191","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=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}