{"id":364,"date":"2021-05-10T08:17:44","date_gmt":"2021-05-10T08:17:44","guid":{"rendered":"https:\/\/utillz.com\/docs\/heilz\/listing\/display\/single-listing-page\/"},"modified":"2024-05-20T12:08:43","modified_gmt":"2024-05-20T12:08:43","slug":"single-listing-page","status":"publish","type":"page","link":"https:\/\/utillz.com\/docs\/heilz\/listing\/display\/single-listing-page\/","title":{"rendered":"Single listing page"},"content":{"rendered":"<p>As you may have notices so far, you can customize most of the elements and layouts using simple module blocks, same is for the singe listing page. We offer multiple interactive modules that will allow you to construct your listing appearance. Each module comes with handy options to manage the final output.<\/p>\n<h3 id=\"where-to-start\">Where to start?<\/h3>\n<p>Navigate to your admin dashboard, then go you <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> Single Page<\/strong>. Here you will find all the available options to customize your listing page.<\/p>\n<h3 id=\"main-cover-gallery\">Main cover gallery<\/h3>\n<p>Most of the listings need gallery. The gallery will appear automatically. You just need to create a field of type <strong>Gallery<\/strong> with the pre-defined key Gallery. Then, upload some image, and it will appear in the cover section of your listing page. You can change the layout by going to <strong>Display <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Single Page <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Cover type<\/strong>.<\/p>\n<h3 id=\"the-listing-page-modules\">The listing page modules<\/h3>\n<p>After the cover gallery, you will find the content modules, which are a simple blocks that will collect any information from your listing fields and render it, the way you need.<\/p>\n<p>By expanding each module, you can find additional options. Some modules will ask you to select a <a class=\"\" href=\"https:\/\/utillz.com\/docs\/heilz\/listing\/fields\/\">custom field<\/a>. This is because such modules use the value of your fields in order to render any data.<\/p>\n<p>Other modules, like the <strong>Taxonomy<\/strong> module, will ask you to select a <a class=\"\" href=\"https:\/\/utillz.com\/docs\/heilz\/explore\/custom-taxonomies\/\">custom taxonomy<\/a>. Its output will be based on the listing&#8217;s term selection.<\/p>\n<p>Additionally, you can use the free text module to insert any <strong>static text<\/strong>, WordPress <strong>shortcodes<\/strong>, <strong>iframes<\/strong> or <strong>embed code<\/strong>. This could also work for any banner ads that you may need to use inside your listing pages.<\/p>\n<p>The last module type that you should know about is repeated content modules, like the <strong>List<\/strong>. This kind of modules allow you to insert multiple, repeated items and each one will point to any of your custom fields, using its value. Each item is also having an option for rendering type. It means that you can format the output like <strong>phone number<\/strong>, <strong>price<\/strong>, <strong>address<\/strong>, <strong>URL<\/strong> and more.<\/p>\n<p>These are the basics, now you should just play with the modules and the options included.<\/p>\n<h3 id=\"gallery-module\">Gallery module<\/h3>\n<p>The main cover gallery will appear automatically, using your listing type field for gallery. But if you need to add more images, you can simply create a new custom field of type <strong>upload<\/strong>, and then use a custom key, one that you will identify.<\/p>\n<p>Once, you have created the field, navigate to <strong>Display <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Single Page<\/strong>, and add a new module of type <strong>Gallery<\/strong>, expand the module and select the field that you have just created. The last step is to upload some images, by editing your listing, and the gallery will appear on the frontend.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-414 size-full\" src=\"https:\/\/utillz.com\/docs\/heilz\/wp-content\/uploads\/sites\/5\/2021\/10\/Advanced-content-\u2013-Heilz.png\" alt=\"\" width=\"1080\" height=\"802\" srcset=\"https:\/\/utillz.com\/docs\/heilz\/wp-content\/uploads\/sites\/5\/2021\/10\/Advanced-content-\u2013-Heilz.png 1080w, https:\/\/utillz.com\/docs\/heilz\/wp-content\/uploads\/sites\/5\/2021\/10\/Advanced-content-\u2013-Heilz-300x223.png 300w, https:\/\/utillz.com\/docs\/heilz\/wp-content\/uploads\/sites\/5\/2021\/10\/Advanced-content-\u2013-Heilz-1024x760.png 1024w, https:\/\/utillz.com\/docs\/heilz\/wp-content\/uploads\/sites\/5\/2021\/10\/Advanced-content-\u2013-Heilz-768x570.png 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/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\/heilz\/listing\/fields\/\">Custom fields<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/heilz\/explore\/custom-taxonomies\/\">Custom taxonomies<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/heilz\/listing\/listing-types\/\">Lisitng types<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/heilz\/listing\/action\/\">Action types<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/utillz.com\/docs\/heilz\/display\/listing-box\/\">Display \u00e2\u20ac\u201d Listing box<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>As you may have notices so far, you can customize most of the elements and layouts using simple module blocks, same is for the singe &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":363,"menu_order":33,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/pages\/364"}],"collection":[{"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":0,"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/pages\/364\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/pages\/363"}],"wp:attachment":[{"href":"https:\/\/utillz.com\/docs\/heilz\/wp-json\/wp\/v2\/media?parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}