{"id":131,"date":"2018-05-12T09:55:35","date_gmt":"2018-05-12T09:55:35","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/shortcodes\/"},"modified":"2020-02-19T19:12:50","modified_gmt":"2020-02-19T19:12:50","slug":"design-elements","status":"publish","type":"docs","link":"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/design-elements\/","title":{"rendered":"Design Elements Shortcodes"},"content":{"rendered":"<br \/>\n<style type=\"text\/css\">\n      .new { padding: 3px; border: orange 1px solid;}\n      .updated { padding: 3px; border: pink 1px solid;}\n   <\/style>\n<p><span class='bookmark-index'><br \/>\n<a href=\"#intro\">Introduction<\/a><br \/>\n<a href=\"#advanced\">Advanced<\/a><br \/>\n<a href=\"#editor\">Shortcode Editor<\/a><br \/>\n<a href=\"#all\">Elements<\/a> <\/span><br \/>\n<a href=\"#gd_add_listing\">GD > Add Listing gd_add_listing<\/a><br \/>\n<a href=\"#gd_archive_item_section\">GD ><br \/>\n Archive Item Section gd_archive_item_section<\/a><br \/>\n<a href=\"#gd_author_actions\">GD > Author Actions gd_author_actions<\/a><br \/>\n<a href=\"#gd_best_of\">GD > Best Of gd_best_of<\/a><br \/>\n<a href=\"#gd_categories\">GD > Categories gd_categories<\/a><br \/>\n<a href=\"#gd_category_description\">GD > Category Description gd_category_description<\/a><br \/>\n<a href=\"#gd_claim_post\">GD > Claim Post gd_claim_post<\/a><br \/>\n<a href=\"#gd_dashboard\">GD > Dashboard gd_dashboard<\/a><br \/>\n<a href=\"#geodir_event_calendar\">GD > Event Calendar geodir_event_calendar<\/a><br \/>\n<a href=\"#geodir_event_ayi\">GD > Are You Interested geodir_event_ayi<\/a><br \/>\n<a href=\"#gd_google_analytics\">GD > Google Analaytics gd_google_analytics<\/a><br \/>\n<a href=\"#gd_linked_posts\">GD > Linked Posts gd_linked_posts<\/a><br \/>\n<a href=\"#gd_listings\">GD > Listings gd_listings<\/a><br \/>\n<a href=\"#gd_location_description\">GD > Location Description gd_location_description<\/a><br \/>\n<a href=\"#gd_location_near_me\">GD > Location Near Me gd_location_near_me<\/a><br \/>\n<a href=\"#gd_location_switcher\">gd_location_switcher<\/a><br \/>\n<a href=\"#gd_locations\">gd_locations<\/a><br \/>\n<a href=\"#gd_loop\">gd_loop<\/a><br \/>\n<a href=\"#gd_loop_actions\">gd_loop_actions<\/a><br \/>\n<a href=\"#gd_loop_paging\">gd_loop_paging<\/a><br \/>\n<a href=\"#gd_map\">gd_map<\/a><br \/>\n<a href=\"#gd_map_pinpoint\">gd_map_pinpoint<\/a><br \/>\n<a href=\"#gd_location_near_me\">gd_location_near_me<\/a><br \/>\n<a href=\"#gd_ninja_forms\">gd_ninja_forms<\/a><br \/>\n<a href=\"#gd_output_location\">gd_output_location<\/a><br \/>\n<a href=\"#gd_post_address\">gd_post_address<\/a><br \/>\n<a href=\"#gd_post_badge\">gd_post_badge<\/a><br \/>\n<a href=\"#gd_post_content\">gd_post_content<\/a><br \/>\n<a href=\"#gd_post_directions\">gd_post_directions<\/a><br \/>\n<a href=\"#gd_post_distance\">gd_post_distance<\/a><br \/>\n<a href=\"#gd_post_fav\">gd_post_fav<\/a><br \/>\n<a href=\"#gd_post_images\">gd_post_images<\/a><br \/>\n<a href=\"#gd_post_meta\">gd_post_meta<\/a><br \/>\n<a href=\"#gd_post_rating\">gd_post_rating<\/a><br \/>\n<a href=\"#gd_post_title\">gd_post_title<\/a><br \/>\n<a href=\"#gd_recent_reviews\">gd_recent_reviews<\/a><br \/>\n<a href=\"#gd_recently_viewed\">gd_recently_viewed<\/a><br \/>\n<a href=\"#gd_search\">gd_search<\/a><br \/>\n<a href=\"#gd_single_next_prev\">gd_single_next_prev<\/a><br \/>\n<a href=\"#gd_single_tabs\">gd_single_tabs<\/a><br \/>\n<a href=\"#gd_single_taxonomies\">gd_single_taxonomies<\/a><br \/>\n<a href=\"#faq\">Frequently Asked Questions<\/a> <\/p>\n<h3><a name=\"intro\" href=\"#intro\">Introduction<\/a><\/h3>\n<p>GeoDirectory V2 is brimming over with powerful design elements that you can use to <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/personalize\/\" rel=\"noopener noreferrer\" target=\"_blank\">Personlize<\/a> your site&#8217;s <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/page-design\/#pages\" rel=\"noopener noreferrer\" target=\"_blank\">Pages<\/a> and <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/page-design\/#template-pages\" rel=\"noopener noreferrer\" target=\"_blank\">Page Templates<\/a>.<\/p>\n<p>In this document we list out the GDV2 elements, just to say that there is a list, but the authoritative reference is the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/shortcode-builder\/\" rel=\"noopener noreferrer\" target=\"_blank\">GD Shortcode Builder<\/a>, accessible from within your site where GD is installed.  <\/p>\n<p>All of the elements listed below are available as Gutenberg Blocks, Widgets, or Shortcodes. <\/p>\n<h3><a name=\"advanced\" href=\"#advanced\">Advanced Settings<\/a><\/h3>\n<p>Most elements have additional options that are hidden under a blue settings button. <\/p>\n<p>Shortcode &#8211; click the blue button for advanced options.<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-short.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-short.jpg\" alt=\"\" width=\"300\" class=\"alignnone size-full wp-image-678\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-short.jpg 980w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-short-300x96.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-short-768x245.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/a><\/p>\n<p>Gutenberg Block &#8211; click the slide option for advanced options.<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-block.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-block.jpg\" alt=\"\" width=\"150\" class=\"alignnone size-full wp-image-679\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-block.jpg 562w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-block-300x172.jpg 300w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><\/a><\/p>\n<p>Widgets &#8211; click the blue button for advanced options.<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-widget.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-widget.jpg\" alt=\"\" width=\"300\" class=\"alignnone size-full wp-image-680\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-widget.jpg 762w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd-adv-widget-300x162.jpg 300w\" sizes=\"(max-width: 762px) 100vw, 762px\" \/><\/a><\/p>\n<h3><a name=\"all\" href=\"#all\">Elements<\/a><\/h3>\n<h3><a name=\"gd_add_listing\" href=\"#gd_add_listing\">gd_add_listing<\/a><\/h3>\n<p>Shows the GeoDirectory add listing form. Advanced settings for specific post type and showing the basic WordPress login form if required.<\/p>\n<p>Example: <\/p>\n<pre><code>[gd_add_listing show_login=\"1\" login_msg=\"Please use the links to login or register before adding your listing\"]<\/code><\/pre>\n<p> <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/account-management\/\">Read More&#8230;<\/a><\/p>\n<h3><a name=\"gd_archive_item_section\" href=\"#gd_archive_item_section\"><\/a>gd_archive_item_section<\/h3>\n<p>This provides opening and closing sections to be able to wrap output and split the archive item template into left and right.<\/p>\n<h3><a name=\"gd_author_actions\" href=\"#gd_author_actions\"><\/a>gd_author_actions<\/h3>\n<p>Display author actions. Advanced settings for hiding &#8216;edit&#8217; and &#8216;delete&#8217; actions, or for limiting display to the GD author page.<\/p>\n<h3><a name=\"gd_best_of\" href=\"#gd_best_of\">gd_best_of<\/a><\/h3>\n<p>Shows the best of listings from categories, based on rating.<\/p>\n<h3><a name=\"gd_categories\" href=\"#gd_categories\">gd_categories<\/a><\/h3>\n<p>Shows a list of GeoDirectory categories. Shows categories from a post type when used on a Detail page.<br \/>\nUse on any page or post, or use the advanced options and place in a template page.<\/p>\n<p>The icons shown are based on the following configuration:<\/p>\n<ol>\n<li>Restautant       &#8211; Category Icon=Silverware, Category Color = Red<\/li>\n<li>Italian          &#8211; Category Icon=None, Category Color = None<\/li>\n<li>Southern Italian &#8211; Category Icon=None, Category Color = White<\/li>\n<\/ol>\n<p>These settings are available in the CPT &#8211; Categories (edit) . <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/places\/categories\/\">See Categories documentation here<\/a>.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/10\/gd-cat-options.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/10\/gd-cat-options.png\" alt=\"\" width=\"300\" class=\"alignnone size-full wp-image-364\" \/><\/a><\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd_categories_output.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd_categories_output-300x96.jpg\" alt=\"\" width=\"300\" height=\"96\" class=\"alignnone size-medium wp-image-136\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd_categories_output-300x96.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd_categories_output-768x245.jpg 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/gd_categories_output.jpg 935w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h3><a name=\"gd_category_description\" href=\"#gd_category_description\">gd_category_description<\/a><\/h3>\n<p>Display the value of the Category Top Description field, available for each category. <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/places\/categories\/\">See Categories documentation here<\/a>.<\/p>\n<p>gd_categories can also be used on the GD Detail template, just make sure not to include <\/p>\n<pre><code>no_cat_filter=\"1\"<\/code><\/pre>\n<p>. If you include that it will show all the categories from the listing CPT, as opposed to the categories assigned to the listing.<\/p>\n<h3><a name=\"gd_claim_post\" href=\"#gd_claim_post\">gd_claim_post<\/a><\/h3>\n<p>Displays the GeoDirectory Claim Listing button.<br \/>\nRequires the GeoDirectory Claim Manager Addon: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/claim\/\">GeoDirectory Claim Manager Addon<\/a><\/p>\n<h3><a name=\"gd_dashboard\" href=\"#gd_dashboard\">gd_dashboard<\/a><\/h3>\n<p>Shows the user dashboard to logged in users. Provides helpful links for users to add and manage listings, favorites, and invoices from WP Invoicing.<\/p>\n<h3><a name=\"geodir_event_calendar\" href=\"#geodir_event_calendar\">geodir_event_calendar<\/a><\/h3>\n<p>Displays the events calendar for event post type.<br \/>\nRequires the GeoDirectory V2 Events Manager Addon: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/events\/\">GeoDirectory V2 Events Manager Addon<\/a><\/p>\n<h3><a name=\"geodir_event_ayi\" href=\"#geodir_event_ayi\">geodir_event_ayi<\/a><\/h3>\n<p>Displays &#8220;Are You Interested?&#8221; widget on front end.<br \/>\nRequires the GeoDirectory V2 Events Manager Addon: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/events\/\">GeoDirectory V2 Events Manager Addon<\/a><\/p>\n<h3><a name=\"gd_post_directions\" href=\"#gd_post_directions\">GD Post Directions &#8211; gd_post_directions<\/a><\/h3>\n<p>This shows a link to map directions to the current post. <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/maps\/#gd_post_directions\" rel=\"noopener noreferrer\" target=\"_blank\">Read more<\/a><\/p>\n<h3><a name=\"gd_post_distance\" href=\"#gd_post_distance\">gd_post_distance<\/a><\/h3>\n<p>Shows the distance do the current post. This element will only display in the Achive Item template in Near search ressults (distance to the location searched) or in gd_listings when sorted by distance.<\/p>\n<h3><a name=\"gd_google_analytics\" href=\"#gd_google_analytics\">gd_google_analytics<\/a><\/h3>\n<p>Show google analytics on detail page. Addon settings for roles will override the shortcode settings; ex. plugin settings grant owner access, but shortcode allows subscribers access. Plugin settings will be used and deny access to subscribers. <em>(Req. <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/google-analytics\/\">Google Analytics addon<\/a>)<\/em>.<\/p>\n<h3><a name=\"gd_linked_posts\" href=\"#gd_linked_posts\">gd_linked_posts<\/a><\/h3>\n<p>Displays the linked posts. Read more about <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/custom-post-types\/\" rel=\"noopener noreferrer\" target=\"_blank\">usage with Custom Post Types here.<\/a><\/p>\n<h3><a name=\"gd_listings\" href=\"#gd_listings\">gd_listings<\/a><\/h3>\n<p>Display GeoDirectory listings filtered by your choices. Displays the listing Archive Item template. <\/p>\n<h3><a name=\"gd_location_description\" href=\"#gd_location_description\">gd_location_description<\/a><\/h3>\n<p>Displays the location description for the current location on location pages. Location pages have a URL that starts with the slug of your location page, often \/location\/ by default.<\/p>\n<h3><a name=\"gd_location_near_me\" href=\"#gd_location_near_me\">gd_location_near_me<\/a><\/h3>\n<p>Displays near me button to share geo position. Place this on your front page or every page to make it easy for users to go back to a list of nearby listings.<\/p>\n<h3><a name=\"gd_location_switcher\" href=\"#gd_location_switcher\">gd_location_switcher<\/a><\/h3>\n<p>Displays the location switcher.<\/p>\n<h3><a name=\"gd_locations\" href=\"#gd_locations\">gd_locations<\/a><\/h3>\n<p>Displays a list of the city locations.<\/p>\n<h3><a name=\"gd_loop\" href=\"#gd_loop\">gd_loop<\/a><\/h3>\n<p>GD Loop is used on the Archive and Search Archive templates. It will automatically show all the listings from the main WP query for the page according to the URL.<\/p>\n<p>For example, for \/places\/ it will show all the Places listings.<\/p>\n<p>This is only used on the `GD Archive template` and the GD Search template page. It loops through each post and outputs the `GD Archive Item` template. The Advanced option is for the the layout parameter, used to set how many listings appear per row. ) is for list view which is wide. The others are grid view, 1, 2, 3, 4 or 5 listings per row. These are shown here (only use one!):<\/p>\n<pre><code class='css'>[gd_loop layout=&quot;0&quot;] (This is the &quot;list&quot; type layout)\r\n[gd_loop layout=&quot;1&quot;] (this is for sidebars, will expand to width 100%)\r\n[gd_loop layout=&quot;2&quot;] (1-5 are 'grid view')\r\n[gd_loop layout=&quot;3&quot;]\r\n[gd_loop layout=&quot;4&quot;]\r\n[gd_loop layout=&quot;5&quot;]<\/code><\/pre>\n<h3><a name=\"gd_loop_actions\" href=\"#gd_loop_actions\">gd_loop_actions<\/a><\/h3>\n<p>Shows the archive loop actions such as &#8220;Sort&#8221; by and &#8220;View&#8221;. This element is only used on GD Archive template page or the GD Search template page, usually above `gd_loop`.<br \/>\nRemoving this from the archive page makes it possible to &#8216;set&#8217; one layout with gd_loop that is always shown to users on desktop.<br \/>\nRemove with care, though, because it will also remove the sorting options, which may be useful to your visitors.<\/p>\n<h3><a name=\"gd_loop_paging\" href=\"#gd_loop_paging\">gd_loop_paging<\/a><\/h3>\n<p>Shows the pagination links if the current query has multiple pages of results.<\/p>\n<h3><a name=\"gd_map\" href=\"#gd_map\">gd_map<\/a><\/h3>\n<p>Display a map. Read more about maps here: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/maps\/\" rel=\"noopener noreferrer\" target=\"_blank\">https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/maps\/<\/a><\/p>\n<h3><a name=\"gd_map_pinpoint\" href=\"#gd_map_pinpoint\">gd_map_pinpoint<\/a><\/h3>\n<p>Shows the distance do the current post.<\/p>\n<h3><a name=\"gd_location_near_me\" href=\"#gd_location_near_me\">gd_location_near_me<\/a><\/h3>\n<p>Displays near me button to share geo position.<\/p>\n<h3><a name=\"gd_ninja_forms\" href=\"#gd_ninja_forms\">gd_ninja_forms<\/a><\/h3>\n<p>Lets you use a ninja form to send to listings.<\/p>\n<h3><a name=\"gd_output_location\" href=\"#gd_output_location\">gd_output_location<\/a><\/h3>\n<p>This can be used to output many custom fields in one location. Ofte used on the Detail page sidebar.<\/p>\n<h3><a name=\"gd_post_address\" href=\"#gd_post_address\">GD Post Address &#8211; gd__post_address<\/a><\/h3>\n<p>The shiny new GD Post Address widget gives you control over how the location is displayed. You can use it in a sidebar as awidget, add it as a shortcode in a tab, or even as a block.<\/p>\n<p>The GD Post Address element uses a simple tag scheme to allow you to format the address in almost any manner you might want, including adding arbitrary commas, and even line breaks after each address part.<\/p>\n<p>To use it, just add the GD  Post Address element as a widget to your sidebar. Hover over the &#8220;i&#8221; near the input field to see the detailed instructions shown here:<\/p>\n<blockquote><p>\nEnter the address tags as required, adding _br or _brc to the tag adds a line break or comma and line break after it.<br \/>\nAvailable tags: %%street%% %%neighbourhood%% %%city%% %%region%% %%country%% %%zip%% %%latitude%% %%longitude%% %%br%\n<\/p><\/blockquote>\n<p>To show the entire address:<br \/>\nOn one line: %%street%%, %%neighbourhood%%, %%city%%, %%region%%, %%country%%, %%zip%%<\/p>\n<h3><a href=\"#gd_post_images\" name=\"gd_post_images\">gd_post_images<\/a><\/h3>\n<p>Read more about <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/images\/\" rel=\"noopener noreferrer\" target=\"_blank\">GD Post Images here<\/a>.<br \/>\nExample: <\/p>\n<pre><code>[gd_post_images type=\"image\" ajax_load=\"1\" slideshow=\"1\" show_title=\"1\" animation=\"slide\" controlnav=\"1\" link_to=\"post\" show_logo=\"1\"]<\/code><\/pre>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/Screenshot-2018-10-10-at-9.51.29-AM.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/Screenshot-2018-10-10-at-9.51.29-AM.png\" alt=\"\" width=\"439\" height=\"337\" class=\"alignnone size-full wp-image-353\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/Screenshot-2018-10-10-at-9.51.29-AM.png 439w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/Screenshot-2018-10-10-at-9.51.29-AM-300x230.png 300w\" sizes=\"(max-width: 439px) 100vw, 439px\" \/><\/a><\/p>\n<pre><code>show_logo=\"1\"<\/code><\/pre>\n<p> can be used to show the image of the predefined &#8220;Company Logo&#8221; image upload field.<br \/>\nShow Logo param is an option to place the &#8220;Company Logo&#8221; image as either the single image or the first image in the slider. This will only work with the Company Logo predefined field.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/logo-field.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/logo-field.png\" alt=\"\" width=\"316\" height=\"163\" class=\"alignnone size-full wp-image-354\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/logo-field.png 316w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/03\/logo-field-300x155.png 300w\" sizes=\"(max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<pre><code>show_title=\"1\"<\/code><\/pre>\n<p> will show the image Title. The image title and caption can be set on the image itself by clicking on the edit icon when hovering over the image as shown below:<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/Screenshot-2018-10-18-at-1.22.34-PM.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/Screenshot-2018-10-18-at-1.22.34-PM.png\" alt=\"\" width=\"258\" height=\"267\" class=\"alignnone size-full wp-image-390\" \/><\/a><\/p>\n<h3><a name=\"gd_post_badge\" href=\"#gd_post_badge\">gd_post_badge<\/a><\/h3>\n<p>Displays a badge on the listing.  Can be used on the Archive item or the Detail page. See an <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/featured-listings\/\">example here<\/a> for use with featured listings.<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/badges.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/badges.jpg\" alt=\"\" width=\"150\" class=\"alignnone size-full wp-image-707\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/badges.jpg 390w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/badges-300x72.jpg 300w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/a><\/p>\n<p>Try these custom CSS classes:<\/p>\n<pre><code class='css'>\r\ngd-badge-shadow \/\/ adds a shadow\r\ngd-ab-left \/\/ positions absolute left, usefull to display over an image but will over lap if multip used with same class\r\ngd-ab-left-angle \/\/ same as above but at an angle like GDv1 featured badge\r\ngd-ab-right \/\/ same but right\r\ngd-ab-right-angle \/\/ same but right\r\n<\/code><\/pre>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/Screenshot-from-2019-04-05-13-06-14.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/Screenshot-from-2019-04-05-13-06-14.png\" alt=\"\" width=\"300\" class=\"alignnone size-full wp-image-708\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/Screenshot-from-2019-04-05-13-06-14.png 384w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/Screenshot-from-2019-04-05-13-06-14-300x195.png 300w\" sizes=\"(max-width: 384px) 100vw, 384px\" \/><\/a><\/p>\n<h3><a name=\"gd_post_content\" href=\"#gd_post_content\">GD Post Content &#8211; gd_post_content<\/a><\/h3>\n<p>GD Post Content is a new element that gives you control over how textareas are displayed in the Archive item template. You can set the max number of words to be displayed, and adjust the properties of the read more link.<br \/>\nExamples:<br \/>\n10 words without &#8220;Read More&#8221; link: <\/p>\n<pre><code>[gd_post_content key=\"post_content\" limit=\"10\" read_more=\"0\"]<\/code><\/pre>\n<p>10 word with &#8220;CHECK IT OUT&#8221; text instead of &#8220;Read More&#8221;: <\/p>\n<pre><code>[gd_post_content key=\"post_content\" limit=\"10\" read_more=\"CHECK IT OUT\" alignment=\"right\"]<\/code><\/pre>\n<h3><a name=\"gd_post_fav\" href=\"#gd_post_fav\">gd_post_fav<\/a><\/h3>\n<p>This shows a GD post favorite link.<\/p>\n<h3><a href=\"#gd_post_meta\" name=\"gd_post_meta\">gd_post_meta<\/a><\/h3>\n<p>DIsplay the value of a custom field, with options for Icon, Label, and Value. In this example gd_post_meta is used to show the video on the GD Detail template before the listing slider.<\/p>\n<pre><code class='php'>\r\n[gd_single_closed_text]\r\n[gd_post_meta key=&quot;video&quot; alignment=&quot;center&quot;]\r\n[gd_post_images type=&quot;gallery&quot; ajax_load=&quot;1&quot; slideshow=&quot;1&quot; show_title=&quot;1&quot; animation=&quot;slide&quot; controlnav=&quot;1&quot; link_to=&quot;lightbox&quot; show_logo=&quot;1&quot;]\r\n[gd_single_taxonomies]\r\n[gd_single_tabs]\r\n[gd_single_next_prev]\r\n<\/code><\/pre>\n<h3><a name=\"gd_post_rating\" href=\"#gd_post_rating\">gd_post_rating<\/a><\/h3>\n<p>This shows a GD post rating stars.<br \/>\ngd_post_title<\/p>\n<h3><a name=\"gd_post_title\" href=\"#gd_post_title\">gd_post_title<\/a><\/h3>\n<p>This shows a GD post title with link.<\/p>\n<h3><a name=\"gd_recent_reviews\" href=\"#gd_recent_reviews\">gd_recent_reviews<\/a><\/h3>\n<p>Display a list of recent reviews from GeoDirectory listings.<\/p>\n<h3><a name=\"gd_search\" href=\"#gd_search\">gd_search<\/a><\/h3>\n<p>Displays the GD search bar.<\/p>\n<h3><a name=\"gd_single_next_prev\" href=\"#gd_single_next_prev\">gd_single_next_prev<\/a><\/h3>\n<p>Shows the current post`s next and previous post links on the details page.<\/p>\n<h3><a name=\"gd_single_tabs\" href=\"#gd_single_tabs\">gd_single_tabs<\/a><\/h3>\n<p>Shows the current posts tabs information.<\/p>\n<pre><code>[gd_single_tabs show_as_list=\"1\"]<\/code><\/pre>\n<p> will show the tabs as a list on the details page template.<\/p>\n<h3><a name=\"gd_single_taxonomies\" href=\"#gd_single_taxonomies\">gd_single_taxonomies<\/a><\/h3>\n<p>Shows the current post`s categories and tags.<\/p>\n<h3><a name=\"gd_recently_viewed\" href=\"#gd_recently_viewed\">gd_recently_viewed<\/a><\/h3>\n<p>gd_recently_viewed uses browser local storage to keep a list of the pages that your site visitor has opened. It works for logged in and logged out users. Only the pages visited by each individual visitor are stored, providing the visitor with a recent history of their own browsing of the site. The widget does not store any information on the site itself.<\/p>\n<p>Recently Viewed requires that both the pages that are visited, and the page where Recently Viewed are on the same domain. If one is http and the other https this is considered 2 domains and so the widget will not show any listings.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/recently-viewed.jpg.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/recently-viewed.jpg-213x300.png\" alt=\"\" width=\"213\" height=\"300\" class=\"alignnone size-medium wp-image-493\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/recently-viewed.jpg-213x300.png 213w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/05\/recently-viewed.jpg.png 648w\" sizes=\"(max-width: 213px) 100vw, 213px\" \/><\/a><\/p>\n<h3><a name=\"faq\" href=\"#faq\"><\/a>Frequently Asked Questions<\/h3>\n","protected":false},"featured_media":0,"parent":9,"menu_order":7,"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\/131"}],"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=131"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/131\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/9"}],"next":[{"title":"Featured Listings","link":"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/featured-listings\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/534"}],"prev":[{"title":"Shortcode Builder","link":"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/shortcode-builder\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/289"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/media?parent=131"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/doc_tag?post=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}