{"id":158,"date":"2021-05-10T08:17:29","date_gmt":"2021-05-10T08:17:29","guid":{"rendered":"https:\/\/utillz.com\/docs\/brikk\/listing\/display\/listing-box\/"},"modified":"2024-05-20T06:11:19","modified_gmt":"2024-05-20T06:11:19","slug":"listing-box","status":"publish","type":"page","link":"https:\/\/utillz.com\/docs\/brikk\/listing\/display\/listing-box\/","title":{"rendered":"Listing box"},"content":{"rendered":"<h3 id=\"live-box-customizer\">Live box customizer<\/h3>\n<p>If you like to customize the output of your listing box, simply navigate to <strong>Listing Types <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> (edit your listing type) <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Display <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Listing Box<\/strong>, and use all the available box options and the life box preview.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-677 size-full\" src=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/09\/box.png\" alt=\"\" width=\"1200\" height=\"785\" srcset=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/09\/box.png 1200w, https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/09\/box-300x196.png 300w, https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/09\/box-1024x670.png 1024w, https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/09\/box-768x502.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<h3 id=\"cover-types-and-styles\">Cover types and styles<\/h3>\n<p>On the top of this section you will find the cover type. This option can completely change the look and feel of your listings. But in a combination with the <strong>Cover style<\/strong>, you can get some serious control over your explore pages. Don&#8217;t forget to set the number of listings you like to have, using the <strong>Explore columns<\/strong> drop-down.<\/p>\n<h3 id=\"naming\">Naming<\/h3>\n<p>You will also find two options for the <strong>title<\/strong> and <strong>tagline<\/strong>. These are some pre-defined elements, you just need to select the field that you like to use for extracting its value. For the title, this is typically the actual post_title.<\/p>\n<h3 id=\"content-modules\">Content modules<\/h3>\n<p>Also, please check the content modules, which could extract and render any data from your listings. You have two type of modules: <strong>Label<\/strong> and <strong>Taxonomy<\/strong>.<\/p>\n<p>The label module could be used for any inline values, like text fields. The Taxonomy module is being used for extracting the listing terms, and it will ask you to select any of your <a class=\"\" href=\"https:\/\/utillz.com\/docs\/brikk\/explore\/custom-taxonomies\/\">custom taxonomies<\/a>.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-720 size-full\" src=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/10\/Edit-Listing-Type-\u2039-Heilz-\u2014-WordPress.png\" alt=\"\" width=\"715\" height=\"612\" srcset=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/10\/Edit-Listing-Type-\u2039-Heilz-\u2014-WordPress.png 715w, https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2021\/10\/Edit-Listing-Type-\u2039-Heilz-\u2014-WordPress-300x257.png 300w\" sizes=\"(max-width: 715px) 100vw, 715px\" \/><\/p>\n<h4 id=\"automatic-geolocation\">Automatic geolocation<\/h4>\n<p>You can extract the geolocation of the city automatically while using the Google Maps API. <strong>Please note that this options is not available for Mapbox<\/strong>, as their API doesn&#8217;t offer the information.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-740\" src=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2022\/01\/Booking-\u2013-Directory-Listing-WordPress-Theme-1.png\" alt=\"\" width=\"512\" height=\"535\" srcset=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2022\/01\/Booking-\u2013-Directory-Listing-WordPress-Theme-1.png 512w, https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2022\/01\/Booking-\u2013-Directory-Listing-WordPress-Theme-1-287x300.png 287w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<p>If you want to display the city of your listing automatically, then edit your listing type and navigate to <strong>Display <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Listing Box<\/strong>. Then use the content modules to add a new module of type <strong>Label<\/strong> and key &#8220;<strong>location__geo_city<\/strong>&#8220;:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-742 size-full\" src=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2022\/01\/Edit-Listing-Type-\u2039-Booking-\u2014-WordPress-1.png\" alt=\"\" width=\"958\" height=\"975\" srcset=\"https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2022\/01\/Edit-Listing-Type-\u2039-Booking-\u2014-WordPress-1.png 958w, https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2022\/01\/Edit-Listing-Type-\u2039-Booking-\u2014-WordPress-1-295x300.png 295w, https:\/\/utillz.com\/docs\/brikk\/wp-content\/uploads\/sites\/4\/2022\/01\/Edit-Listing-Type-\u2039-Booking-\u2014-WordPress-1-768x782.png 768w\" sizes=\"(max-width: 958px) 100vw, 958px\" \/><\/p>\n<h4 id=\"other-helpful-articles-you-should-consider-reading\">Other helpful articles you should consider reading<\/h4>\n<ul>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/brikk\/listing\/fields\/\">Custom fields<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/brikk\/explore\/custom-taxonomies\/\">Custom taxonomies<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/brikk\/listing\/listing-types\/\">Listing types<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/brikk\/listing\/display\/single-listing-page\/\">Display \u2014 Listing single page<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Live box customizer If you like to customize the output of your listing box, simply navigate to Listing Types (edit your listing type) Display Listing &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":151,"menu_order":41,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/158"}],"collection":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":0,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/151"}],"wp:attachment":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}