{"id":720,"date":"2019-04-17T13:40:52","date_gmt":"2019-04-17T13:40:52","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs-v2\/templates\/details\/"},"modified":"2019-07-10T13:16:59","modified_gmt":"2019-07-10T13:16:59","slug":"details","status":"publish","type":"docs","link":"https:\/\/wpgeodirectory.com\/docs-v2\/templates\/details\/","title":{"rendered":"Details Template"},"content":{"rendered":"<style>\nh5 {\n  font-size: 1.2em;\n  font-weight: bold;\n  margin-top: 5px;\n  margin-bottom: 15px;\n}\nblockquote.gd-faq h5 {\n    display: block;\n    margin-top: 5px;\n    margin-bottom: 15px;\n    margin-left: -10px;\n    padding: 0px;\n    border: 1px solic #cccccc;\n    width: 100%;\n    color: #393939;\n    text-decoration: underline;\n}\nblockquote.gd-faq h5 a {\n    color: #393939;\n}\nblockquote.gd-faq {\n  padding: 15px!important;\n  margin: 20px!important;\n  border: 1px solid #cccccc !important;\n  background-color: #ffffff!important;\n  border-left: 10px solid #FFF7F3 !important;\n  10px 10px 10px -10px #cccccc !important;\n  border-radius: 0px 4px 4px 0px;\n}\n<\/style>\n<div class=\"embed-responsive embed-responsive-16by9\"><iframe title=\"GeoDirectory v2 design customization with Gutenberg, Elementor, Beaver Builder, Divi and more\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/o8zgcNwNKyY?feature=oembed&amp;wmode=opaque\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p><span class='bookmark-index'><br \/>\n<a href=\"#intro\">Introduction<\/a><br \/>\n<a href=\"#troubleshooting\">Troubleshooting<\/a><br \/>\n<a href=\"#faq\">Frequently Asked Questions<\/a><br \/>\n<a href=\"#support\">Support<\/a><br \/>\n<\/span><\/p>\n<h3><a name=\"intro\" href=\"#intro\">Introduction<\/a><\/h3>\n<h4>What<\/h4>\n<p>The Details page template is a WordPress page. The contents of the page are the GeoDirectory Elements that are used to display listing data for each listing. Inside the template you will find default Elements that are installed with GD including GD Post Images, GD Single Tabs and more. Each of these Elements is responsible for showing one specific feature.<\/p>\n<p>Every time a listing is viewed on the frontend, the contents of the GD Details template are queried, and each Element is rendered with the data of the listing at the URL being viewed.<\/p>\n<h4>Where<\/h4>\n<p>The GD Details template is a WordPress page that is installed with GeoDirectory.<br \/>\nYou can find the page by searching in the the Pages on your site in:<\/p>\n<p><strong>WordPress Backend &#8211; Pages &#8211; Search &#8220;gd&#8221;<\/strong><\/p>\n<h4>Examples<\/h4>\n<p>Directory Starter &#8211; <a href=\"https:\/\/wpgeo.directory\/starter\/places\/united-states\/pennsylvania\/philadelphia\/please-touch-museum\/\" rel=\"noopener\" target=\"_blank\">https:\/\/wpgeo.directory\/starter\/places\/united-states\/pennsylvania\/philadelphia\/please-touch-museum\/<\/a><br \/>\nSupreme Directory &#8211; <a href=\"https:\/\/wpgeo.directory\/supreme-directory\/places\/united-states\/california\/san-francisco\/burger-factory\/\" rel=\"noopener\" target=\"_blank\">https:\/\/wpgeo.directory\/supreme-directory\/places\/united-states\/california\/san-francisco\/burger-factory\/<\/a><\/p>\n<p><a href=\"https:\/\/wpgeo.directory\/supreme-directory\/places\/united-states\/california\/san-francisco\/burger-factory\/\" rel=\"noopener\" target=\"_blank\">Supreme Directory detail page template using the GeoDirectory Single template<\/a><\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/Example-Guide.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/Example-Guide.jpg\" alt=\"\" width=\"377\" height=\"884\" class=\"alignnone size-full wp-image-725\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/Example-Guide.jpg 377w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/Example-Guide-128x300.jpg 128w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/a><\/p>\n<p>A. Supreme Directory theme Page Template Featured Area<br \/>\nB. Supreme Directory theme Page Template Details Info area (GD Post Title, GD Post Address, GD Post Badge)<br \/>\nC. GD Post Images<br \/>\nD. GD Single Taxonomy<br \/>\nE. GD Single Tabs<br \/>\nF. Sidebar with GD Ninja Forms, GD Output Location -> Details page sidebar, GD Post Claim<br \/>\nG. GD Map<br \/>\nH. GD Recently Viewed<br \/>\nI. GD Recent Reviews<\/p>\n<h3>GeoDirectory Settings<\/h3>\n<h4>Default Template Setting<\/h4>\n<p>Choose the default GD Details template in the Pages settings:<\/p>\n<p><strong>GeoDirectory &#8211; Settings &#8211; General &#8211; Pages &#8211; Detail template &#8211; Choose your template page<\/strong><\/p>\n<h4>Custom Post Types Details Template Override<\/h4>\n<p>When using the Custom Post Type addon, it is possible to set a different Details template for each Custom Post Type (CPT). The setting for this is found in:<\/p>\n<p><strong>CPT Settings (ex. Places Settings) &#8211; General (tab) &#8211; Show Advanced &#8211; Details template &#8211; Choose your template page<\/strong><\/p>\n<h4>Permalinks<\/h4>\n<p>Adjust the URL pattern for your listings. You can read more about <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/settings\/permalinks\/\">permalinks and URL patterns here<\/a>. <\/p>\n<h3>Personalize<\/h3>\n<h4>GeoDirectory Design Elements<\/h4>\n<p>The following GD Elements are commonly used on the detail page. <\/p>\n<p>GD Post Title &#8211; Display the title of the listing.<br \/>\nGD Single Post Taxonomy &#8211; Display Categories and Tags together as text links.<br \/>\nGD Post Images &#8211; Display a slider, gallery, or the first image.<br \/>\nGD Post Address &#8211; Display the address in the format that your visitors expect.<br \/>\nGD Post Meta &#8211; One for to display the value of specific fields including: description, categories, tags and more.<br \/>\nGD Post Badge &#8211; Show a decorative element or link.<br \/>\nGD Categories &#8211; Display the categories with map icons or default images.<br \/>\nGD Single tabs &#8211; Display the configuration you have made in the CPT Tabs UI.<br \/>\nGD Output Location &#8211; Used in the sidebar to display Custom Fields that have been set to &#8220;Show in extra output locations -> Details page sidebar&#8221;<br \/>\nGD Map &#8211; Show a map in the sidebar or tab.<\/p>\n<h4>Default Content<\/h4>\n<p>When GeoDirectory is installed, the template is installed with default content. If you make changes to the page, and want to restore the default content, you can find it in the GeoDirectory Settings:<\/p>\n<p><strong>GeoDirectory &#8211; Settings &#8211; General &#8211; Pages &#8211; Click &#8220;Default Content&#8221;<\/strong><\/p>\n<p>The default content will be shown in a lightbox modal. You can copy and paste the default content back into the Page, overwriting anything you already have in the page.<\/p>\n<h3>Tabs<\/h3>\n<h4>Tabs UI<\/h4>\n<p>Use the Tabs UI to design the tabs for display on the detail page: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/places\/tabs\/\" rel=\"noopener\" target=\"_blank\">https:\/\/wpgeodirectory.com\/docs-v2\/places\/tabs\/<\/a><\/p>\n<h4>Layout &#8211; GD Single Tabs for Tabs or List<\/h4>\n<p>Include Tabs in your GD Details template with the GD Single Tabs element.<\/p>\n<pre><code>[gd_single_tabs]<\/code><\/pre>\n<p>Adjust the GD Single Tabs element with the advanced option to &#8220;Show as list&#8221;.<\/p>\n<pre><code>[gd_single_tabs show_as_list=\"1\"]<\/code><\/pre>\n<h3><a href=\"#personalize\" name=\"personalize\">Personalize<\/a><\/h3>\n<h4>GD Output Location -> Details Page Sidebar<\/h4>\n<p>You can adjust the properties of listing Custom Fields in the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/places\/custom\/\" rel=\"noopener\" target=\"_blank\">CPT Custom Fields Settings as described here<\/a>. <\/p>\n<p>One of the options is to &#8220;<a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/places\/custom\/#show\" rel=\"noopener\" target=\"_blank\">Show in extra output locations<\/a>&#8220;.<\/p>\n<p>Once you have chosen to display fields in the Details page sidebar location, you will need to use the GD Output Location element in your sidebar. Add the widget or shortcode to your sidebar and set it to display the &#8220;Detail pages sidebar&#8221;.<\/p>\n<pre><code>[gd_output_location location=\"detail\"]<\/code><\/pre>\n<h4><a href=\"#gd_post_meta\" name=\"gd_post_meta\">GD Post Meta<\/a><\/h4>\n<p>Use GD Post Meta to show custom fields in your Details Page Sidebar &#8211; <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/gd-post-meta\/#detail\" rel=\"noopener\" target=\"_blank\">https:\/\/wpgeodirectory.com\/docs-v2\/gd-post-meta\/#detail<\/a><\/p>\n<h4>GD Linked Posts<\/h4>\n<p>GDV2 Custom Post Types addon enables all new options for linking listings together.<\/p>\n<p>You can display linked posts in a variety of ways, and one popular way is to show a list of those posts.<\/p>\n<p>You can do that with the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/custom-post-types\/#gd_linked_posts\" rel=\"noopener\" target=\"_blank\">GD Linked Posts element described here<\/a>.<\/p>\n<h4>Related Listings with GD Listings<\/h4>\n<p>You can also display &#8220;Related Listings&#8221; with the GD Listings Element.<\/p>\n<p>Add a new GD Listings element through the Tabs UI or inside your GD Details template or even in the sidebar shown on the GD Details page.<\/p>\n<p>Use the advanced options to &#8220;Filter listings related to&#8221; and choose one of the options.<\/p>\n<p>You can also scroll down a bit and choose to &#8220;Enable Location filter&#8221; to limit related listings to the same location as the listing being viewed.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/related-listings-with-gd-listings.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/related-listings-with-gd-listings.jpg\" alt=\"\" width=\"300\" class=\"alignnone size-full wp-image-723\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/related-listings-with-gd-listings.jpg 583w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2019\/04\/related-listings-with-gd-listings-236x300.jpg 236w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/a><\/p>\n<h4>GD Recently Viewed<\/h4>\n<p>Show listings that the visitor has recently viewed with the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/design-elements\/#gd_recently_viewed\" rel=\"noopener\" target=\"_blank\">GD Recently Viewed element<\/a>.<\/p>\n<h4>GD Recent Reviews<\/h4>\n<p>Show recent reviews with the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/design-elements\/#gd_recent_reviews\" rel=\"noopener\" target=\"_blank\">GD Recent Reviews element<\/a>.<\/p>\n<h3>Builders<\/h3>\n<p>You can absolutely use an advanced theme builder on the Details page template. See more information <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/builders\/\">here on the builders doc<\/a>.<\/p>\n<h3>Pages Templates and Sidebars<\/h3>\n<p>GD Uses the sidebars that come with your theme. Read more about how to <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/\" rel=\"noopener\" target=\"_blank\">choose a theme that has the sidebars you want here<\/a>.<\/p>\n<h3><a name=\"customize\" href=\"#customize\">Customize<\/a><\/h3>\n<blockquote class=\"gd-faq\">\n<h5><a href=\"#php\" name=\"php\">Customize with PHP Templates<\/a><\/h5>\n<p>You can create the Detail listing template with PHP. <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/faq\/customizing\/\">See our page here to get started<\/a>.\n<\/p><\/blockquote>\n<blockquote class=\"gd-faq\">\n<h5><a href=\"#remove-list-links\" name=\"remove-list-links\">Remove Links when Shown as a List<\/a><\/h5>\n<p>The following snippet can be customized on your site to remove the links added to the list headings when the GD Single Tabs element is shown as a list.<\/p>\n<pre><code class='php'>\r\n\/**\r\n * Remove link from detail page tabs title.\r\n *\/\r\nfunction gd_snippet_190417_remove_tab_link( $tab_title, $tab ) {\r\n\tif ( ! empty( $tab-&gt;tab_icon ) ) {\r\n\t\t$tab_icon = '&lt;i class=&quot;fas ' . esc_attr( $tab-&gt;tab_icon ) . '&quot; aria-hidden=&quot;true&quot;&gt;&lt;\/i&gt;';\r\n\t} else {\r\n\t\t$tab_icon = \";\r\n\t}\r\n\r\n\t$tab_title = '&lt;span class=&quot;gd-tab-list-title&quot; &gt;' . $tab_icon . esc_attr__( $tab-&gt;tab_name, 'geodirectory' ) . '&lt;\/span&gt;&lt;hr \/&gt;';\r\n\r\n\treturn $tab_title;\r\n}\r\nadd_filter( 'geodir_tab_list_title', 'gd_snippet_190417_remove_tab_link', 10, 2 );\r\n<\/code><\/pre>\n<\/blockquote>\n<blockquote class=\"gd-faq\">\n<h5><a href=\"#\" name=\"\"><\/a><\/h5>\n<\/blockquote>\n<p>**************************************************<\/p>\n<style>\nh5 {\n  font-size: 1.2em;\n  font-weight: bold;\n  margin-top: 5px;\n  margin-bottom: 15px;\n}\nblockquote.gd-faq h5 {\n    display: block;\n    margin-top: 5px;\n    margin-bottom: 15px;\n    margin-left: -10px;\n    padding: 0px;\n    border: 1px solic #cccccc;\n    width: 100%;\n    color: #393939;\n    text-decoration: underline;\n}\nblockquote.gd-faq h5 a {\n    color: #393939;\n}\nblockquote.gd-faq {\n  padding: 15px!important;\n  margin: 20px!important;\n  border: 1px solid #cccccc !important;\n  background-color: #ffffff!important;\n  border-left: 10px solid #FFF7F3 !important;\n  10px 10px 10px -10px #cccccc !important;\n  border-radius: 0px 4px 4px 0px;\n}\n<\/style>\n<p><span class='bookmark-index'><br \/>\n<a href=\"#intro\">Introduction<\/a><br \/>\n<a href=\"#faq\">Frequently Asked Questions<\/a><br \/>\n<\/span><\/p>\n<h3><a name=\"intro\" href=\"#intro\">Introduction<\/a><\/h3>\n<h4><a href=\"#\"><\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<h5><\/h5>\n<\/blockquote>\n","protected":false},"featured_media":0,"parent":683,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/720"}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/comments?post=720"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/720\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/683"}],"prev":[{"title":"Add Listing Page","link":"https:\/\/wpgeodirectory.com\/docs-v2\/templates\/add-listing\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/716"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/media?parent=720"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/doc_tag?post=720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}