{"id":842,"date":"2021-02-28T12:21:58","date_gmt":"2021-02-28T12:21:58","guid":{"rendered":"http:\/\/directorist.com\/documentation\/?post_type=wpwax_directorist&#038;p=842"},"modified":"2021-07-26T16:59:30","modified_gmt":"2021-07-26T10:59:30","slug":"all-listing-card-layout","status":"publish","type":"wpwax_directorist","link":"https:\/\/directorist.com\/documentation\/directorist\/form-and-layout-builder\/all-listing-card-layout\/","title":{"rendered":"All Listing Card Layout"},"content":{"rendered":"<p>Directory Builder lets you customize the listings card layout to give your all listing page a personalized look. The settings are located in <strong>Settings \u2192 Directory Builder \u2192 All Listing Layout.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1274 size-full\" src=\"http:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/02\/24-all-listings-grid-layout-1.png\" alt=\"\" width=\"1919\" height=\"930\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/02\/24-all-listings-grid-layout-1.png 1919w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/02\/24-all-listings-grid-layout-1-300x145.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/02\/24-all-listings-grid-layout-1-1024x496.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/02\/24-all-listings-grid-layout-1-768x372.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/02\/24-all-listings-grid-layout-1-1536x744.png 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/p>\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<table>\n<tbody>\n<tr>\n<td>\n<p style=\"text-align: center\"><strong>Listing Card Grid<\/strong><\/p>\n<\/td>\n<td>\n<p style=\"text-align: center\"><strong>Listing Card List<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/CjKlnh9.png\" \/><\/td>\n<td><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/l3mxFX9.png\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Listing Card Grid Layout:<\/strong> Click on the \u201c+\u201d sign to add new elements to the section.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/K17sfVf.png\" \/><\/p>\n<p><strong>Listing Card List Layout:<\/strong> Click on the \u201c+\u201d sign to add new elements to the section<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/eG7TnYZ.png\" \/><\/p>\n<p>That&#8217;s all about All Listing Card Layout feature of Directorist.<\/p>\n","protected":false},"author":2537,"parent":0,"menu_order":0,"template":"","class_list":["post-842","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\/842","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\/2537"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}