{"id":437,"date":"2020-05-13T16:48:34","date_gmt":"2020-05-13T16:48:34","guid":{"rendered":"https:\/\/directorist.com\/docs\/?post_type=wpwax_extensions&#038;p=437"},"modified":"2026-01-08T11:45:12","modified_gmt":"2026-01-08T05:45:12","slug":"overview-4","status":"publish","type":"wpwax_extensions","link":"https:\/\/directorist.com\/documentation\/extensions\/listings-with-map\/overview-4\/","title":{"rendered":"Overview"},"content":{"rendered":"\n<p>This extension adds a new layout view for listings, and search results pages where you can show listings and map side by side with advanced search form\/filters. So users will see listings and filter options on the left side of the page and map with listing marker on right side of the page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Shortcode: <\/strong><br><strong><code>[directorist_all_listing view=\"listings_with_map\" map_height=\"800\"]<\/code><\/strong><\/h4>\n\n\n\n<p>This shortcode has an additional parameter to customize the output. Let\u2019s have a look at the available attribute\/parameter and the available value with some description.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">&nbsp;<\/h4>\n\n\n\n<p><strong>listings_with_map_columns:<\/strong>&nbsp; This parameter is solely created for Listings with Map. It has two layout (2 column, 3 column) for displaying listings. You can specify the column number of the layout with this parameter. Default: 2. Options available : 2, 3. Example: [directorist_all_listing view=&#8221;listings_with_map&#8221; map_height=&#8221;800&#8243; listings_with_map_columns=&#8221;3&#8243;]<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2020\/05\/image-1024x435.png\" alt=\"\" class=\"wp-image-2674\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2020\/05\/image-1024x435.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2020\/05\/image-300x127.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2020\/05\/image-768x326.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2020\/05\/image-1536x652.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2020\/05\/image-360x153.png 360w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2020\/05\/image.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Other than this attribute\/parameter you can also use most of the attributes\/parameters of the All listing page. All those available parameters\/attributes are listed below\u2192&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Parameters:<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>directory_type: If you are using multi directory feature then you can display all listings based on specific directory types. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; directory_type=&#8221;place&#8221;]<br>Replace the <em>directory_type<\/em> with the slug name of the directory.<br><figure><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"204\" src=\"https:\/\/lh6.googleusercontent.com\/H0lCXYEr-PYOB6ozh93sxZVwQMYluUaa88YWye7YUX0lkUQ20ZUdfQqA8ZuDDdARkL1s3klByePc758_-p6JYt9GD-XldNXLxU1I7_4I_v3imqmPtrpHJNLSLjUDYmHF7iZ_6G8\"><\/figure><\/li>\n\n\n\n<li>order by: You can order all listings using this parameter. Options available : title, date,rand &amp; price. The default is the date. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; orderby=&#8221;date&#8221;]<\/li>\n\n\n\n<li>order: You can sort all listings in ascending or descending order. Options available: asc | desc. The default is desc. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; order=&#8221;asc&#8221;]<\/li>\n\n\n\n<li>listings_per_page: You can set the number of listing to show per page using this parameter. The default is 6. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; listings_per_page=&#8221;6&#8243;]<\/li>\n\n\n\n<li>category: Display all listings of one or more categories. Use category slugs separated by a comma. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; category=&#8221;education,place,restaurant&#8221;]<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>Replace the values of the <em>category<\/em> with the slug name of the category.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/mZ3RBmh8fu5lyAQOvoQgMp7CH5Fcoxj-dbcNQsWbwpJW0GvqjnmhFZxJ_U5sbYt-thrD57PXW5g-6Fz7iDvxUxnYPeMX6HGJj6aACAoSSCcevlno1ajMO61PCKc_0PPv1C2iwgM\" alt=\"\" \/><\/figure>\n\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>tag: Display all listings of one or more tags. Use tag slugs separated by a comma. Example<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; tag=&#8221;car,book,medicine&#8221;]<\/li>\n<\/ol>\n\n\n\n<p>Replace the values of <em>tag<\/em> with the slug name of the tag.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/g8fWC2-V1gZUvCsk4xxedpmxwEtHx7i87PH_OH5s4oFmghpXITfg3FoHYG-jk7AAAxFIShtLgy54HjJu9gsz3BZ9u6OvorixkpdkHmDxnbq0_bPtPGGFXQ6uhud1jl36XkyfUAE\" alt=\"\" \/><\/figure>\n\n\n\n<ol start=\"7\" class=\"wp-block-list\">\n<li>location: Display all listings of one or more locations by location slug. Use location slugs separated by a comma. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; location=&#8221;new-york, Michigan&#8221;]<\/li>\n<\/ol>\n\n\n\n<p>Replace the values of <em>location<\/em> with the slug name of the location.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/a7hyOzYOGbbLNGlN7HzrR2N-W0_mfADDqa9e7536DLrQla0diBp_HUl33kIbwiFrgl6sdT6mDlOpvTuJxydv6asUn2RHLY2WW--6yov888SToEkBT64uDmFdgL-xMbrv6iAuTeA\" alt=\"\" \/><\/figure>\n\n\n\n<ol start=\"8\" class=\"wp-block-list\">\n<li>ids: You can display listings by listing ids. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; ids=&#8221;1,2,5&#8243;]\u00a0<\/li>\n<\/ol>\n\n\n\n<p>Replace the <em>id<\/em> with the id of your listings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/7_kyF1jFW8LKERB0MDFi9BGBO4Y5aX1maRehDruVQXmLIvkQiREDnCekKcxosU2AzhvhAWuFkoAiKpCz25Z2A22JRigO26rSo5IN3i2kj_IxA8GFXhGIpUWcHTydokyJ86exKng\" alt=\"\" \/><\/figure>\n\n\n\n<ol start=\"9\" class=\"wp-block-list\">\n<li>featured_only: Display only featured listing. Options available: yes | no. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; featured_only=&#8221;yes&#8221;]<\/li>\n\n\n\n<li>logged_in_user_only: You can make all listings page only visible for logged-in users using this parameter. Options available: yes | no. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; logged_in_user_only=&#8221;no&#8221;]<\/li>\n\n\n\n<li>redirect_page_url: Forward\/redirect all listings page using this parameter. Example:<br>[directorist_all_listing redirect_page_url=&#8221;www.aazztech.com&#8221;]<\/li>\n\n\n\n<li>popular_only: Display only popular listing. Options available: yes | no. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; popular_only=&#8221;yes&#8221;]<\/li>\n\n\n\n<li>header: You can show\/hide the header area using these attributes. Options available: yes | no. Example:<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; header=&#8221;yes&#8221;]<figure><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"267\" src=\"https:\/\/lh4.googleusercontent.com\/0uM277OAIxzB-lBF1-IR8LW9q-41uB_RdfMyJcPy8xJ3NETWX-hCC5MPez6dyIkk68DxXGYbg8Gd4k8Ui-grJCFVn77LCy8sMj8mvSfKJheAtqYsQvZpk6SACyujGGUgg1e67Yw\"><\/figure><\/li>\n<\/ol>\n\n\n\n<ol start=\"14\" class=\"wp-block-list\">\n<li>display_preview_image: You can show\/hide listing preview images using this parameter. Available Options: yes|no.\u00a0 Example<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; display_preview_image=&#8221;yes&#8221;]<\/li>\n<\/ol>\n\n\n\n<p>show_pagination: You can show\/hide pagination. Available Options: yes|no.&nbsp; Example<br>[directorist_all_listing view=&#8221;listings_with_map&#8221; show_pagination=&#8221;yes&#8221;]<\/p>\n","protected":false},"author":2296,"parent":0,"menu_order":0,"template":"","class_list":["post-437","wpwax_extensions","type-wpwax_extensions","status-publish","hentry","wpwax_extensions_category-listings-with-map"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions\/437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_extensions"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_extensions"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/2296"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}