{"id":950,"date":"2019-11-19T00:27:32","date_gmt":"2019-11-19T00:27:32","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs-v2\/?post_type=docs&p=950"},"modified":"2020-02-20T19:10:36","modified_gmt":"2020-02-20T19:10:36","slug":"gd-badge","status":"publish","type":"docs","link":"https:\/\/wpgeodirectory.com\/docs-v2\/design\/gd-badge\/","title":{"rendered":"GD > Badge"},"content":{"rendered":"


\nIntroduction<\/a>
\nSettings<\/a>
\nExamples<\/a>
\nFrequently Asked Questions<\/a>
\n<\/span><\/p>\n

Introduction<\/a><\/h3>\n

GD > Post Badge is a versatile and powerful element that you can use to display custom content based on the values of custom fields in the listing.<\/p>\n

Settings<\/a><\/h3>\n

Use a Block, Widget, or Shortcode to place a badge.<\/p>\n

Below are the settings available for any version. You can find this form in the shortcode builder<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

Examples<\/a><\/h3>\n
\n

GD Post Badge is a powerful tool for adding highlights or targeted interactive elements to your listings. You can use badges in the archive item or on the detail page.<\/p>\n

Example – Read More link in the Archive item<\/a><\/strong><\/p>\n

Use the following configuration to add a “Read More” link to your archive item template:<\/p>\n

\r\n[gd_post_badge key=\"post_title\" condition=\"is_not_empty\" badge=\"Read More\" link=\"%%post_url%%\" bg_color=\"#ffffff\" txt_color=\"#433aed\" alignment=\"center\"]\r\n<\/code><\/pre>\n
Example – Custom Website Link<\/strong><\/p>\n
\r\n\r\n[gd_post_badge key=\"website\" condition=\"is_not_empty\" badge=\"Awesome Super Link\" link=\"%%input%%\" bg_color=\"#9c03aa\" txt_color=\"#ffffff\" size=\"extra-large\" list_hide=\"3\" list_hide_secondary=\"2\"]\r\n\r\n<\/code><\/pre>\n
Example – Claim Listings<\/strong>
\n\"\"<\/a><\/p>\n
\r\n\r\n[gd_post_badge key="claimed" condition="is_not_empty" badge='<i class="fas fa-check-circle"><\/i>Verified' bg_color="#ff8040" txt_color="#ffffff" size="small" alignment="right" css_class="verified"]\r\n\r\n<\/code><\/pre>\n
\"\"<\/a><\/p>\n
\r\n\r\n[gd_post_badge key="claimed" condition="is_empty" badge='<i class="far fa-question-circle"><\/i>Unclaimed' bg_color="#ff8040" txt_color="#ffffff" size="small" alignment="right" css_class="unverified"]\r\n\r\n<\/code><\/pre>\n
Example – Visit my website<\/strong>
\n\"\"<\/a><\/p>\n
\r\n\r\n[gd_post_badge key="website" condition="is_not_empty"  badge='Visit my <a href="%%input%%"><i class="fas fa-music"><\/i> website<\/a>' bg_color="#800080" txt_color="#ffffff"]\r\n\r\n<\/code><\/pre>\n
Example – Featured Listings<\/a><\/strong><\/p>\n
See an example here<\/a> for use with featured listings.
\n\"\"<\/a><\/p>\n
Example – Badge Classes<\/a><\/strong><\/p>\n
These custom classes can be added to your badge to change the way it is displayed within the containing div.<\/p>\n
To use these over the top of an archive item GD Post Images, be sure to include the badge before the GD Archive Item Close element.<\/p>\n
\r\ngd-badge-shadow \/\/ adds a shadow to the badge\r\ngd-ab-top-left \/\/ positions absolute top, absolute left\r\ngd-ab-top-left-angle \/\/ positions absolute top, absolute left, at an angle\r\ngd-ab-top-right \/\/ positions absolute top, absolute right\r\ngd-ab-top-right-angle \/\/ positions absolute top, absolute right, at an angle\r\ngd-ab-bottom-left \/\/ positions absolute bottom, absolute left\r\ngd-ab-bottom-left-angle \/\/ positions absolute bottom, absolute left, at an angle\r\ngd-ab-bottom-right \/\/ positions absolute bottom, absolute right\r\ngd-ab-bottom-right-angle \/\/ positions absolute bottom, absolute right, at an angle\r\ngd-lity  \/\/ adds interactivity – launching a video link in a lightbox, for example\r\n<\/code><\/pre>\n
\"\"<\/a><\/p>\n
Taxonomy Badges<\/p>\n
[gd_post_badge key=\"post_category\" condition=\"is_contains\" search=\"32\" badge=\"Attractions\" bg_color=\"#0073aa\" txt_color=\"#ffffff\"]\r\n[gd_post_badge key=\"post_category\" condition=\"is_contains\" search=\"32,33\" badge=\"Attractions \/ Hotels\" bg_color=\"#0073aa\" txt_color=\"#ffffff\"]\r\n[gd_post_badge key=\"post_tags\" condition=\"is_contains\" search=\"Museum\" badge=\"Museum\" bg_color=\"#0073aa\" txt_color=\"#ffffff\"]\r\n[gd_post_badge key=\"post_tags\" condition=\"is_contains\" search=\"Museum,Garden\" badge=\"Museum \/ Garden\" bg_color=\"#0073aa\" txt_color=\"#ffffff\"]<\/code><\/pre>\n
Example – HTML Image Badge<\/a><\/strong><\/p>\n
HTML can be used in the badge param. Make sure to enclose the HTML with ” (quotes” and then use ‘ (apostrophe) for inner HTML. <\/p>\n
\r\n[gd_post_badge key=\"my_custom_field\" condition=\"is_not_empty\" badge=\"<img src='https:\/\/mysite.com\/wp-content\/uploads\/2020\/02\/pbjt.jpg'\/>\" bg_color=\"#ffffff\" txt_color=\"#ffffff\"]\r\n<\/code><\/pre>\n<\/blockquote>\n
Using ‘post_modified’ to show the date of last update or “Recently Updated”<\/h4>\n
\n
post_modified is the date that a listing was most recently updated.<\/p>\n
If you create a badge and use %%input%% for the badge, post_modified will show as a date.<\/p>\n
To show “Recently Updated!” if a post was updated in the last 30 days use:<\/p>\n
\r\n[gd_post_badge key='post_modified' condition='is_less_than' search='+30′ icon_class='fas fa-certificate' badge='Recently Updated!' bg_color='#ff0000′ txt_color='#ffffff' alignment='left']\r\n<\/code><\/pre>\n<\/blockquote>\n","protected":false},"featured_media":0,"parent":806,"menu_order":0,"comment_status":"open","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\/950"}],"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=950"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/950\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/806"}],"next":[{"title":"GD > Listings","link":"https:\/\/wpgeodirectory.com\/docs-v2\/design\/gd-listings\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/651"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/media?parent=950"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/doc_tag?post=950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}