{"id":865,"date":"2025-03-24T14:27:53","date_gmt":"2025-03-24T14:27:53","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/gd-compare-button\/"},"modified":"2025-04-03T15:24:13","modified_gmt":"2025-04-03T14:24:13","slug":"gd-compare-button","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/compare-listings\/gd-compare-button\/","title":{"rendered":"GD > Compare Button"},"content":{"rendered":"<section class=\"alert alert-success dashed\">\n\t All Widgets come as Widgets, Shortcodes or Blocks. Learn more about our <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-widgets\/what-makes-geodirectory-widgets-special\/\">Super Duper Widgets<\/a>.<\/section>\n<p>\n\t The <strong>GD &gt; Compare Button<\/strong>&nbsp;widget displays&nbsp;a button that allows users to compare two or more listings.<\/p>\n<h2>Widget Options<\/h2>\n<ul>\n<li><strong>Button Text (<\/strong><a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\" style=\"font-weight: bold;\">A<\/a><strong>) &#8211; <\/strong>Specify the text of the button.&nbsp;<\/li>\n<li><strong>Button Icon&nbsp;<\/strong><strong>(<\/strong><a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\" style=\"font-weight: bold;\">A<\/a><strong>) &#8211; <\/strong>Enter a FontAwesome icon class for the button icon.&nbsp;<\/li>\n<li><strong>Added to Compare Button Text&nbsp;(<a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\">A<\/a>) &#8211; <\/strong>The text to be used when the listing has been added for comparison.&nbsp;<\/li>\n<li><strong>Added to Compare Button Icon (<a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\">A<\/a>) &#8211; <\/strong>The icon to be shown when the listing has been added for comparison.&nbsp;<\/li>\n<li><strong>Button Background Color (<a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\">A<\/a>) &#8211; <\/strong>The background color of the button.&nbsp;<\/li>\n<li><strong>Button Text Color (<a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\">A<\/a>) &#8211; <\/strong>The text color of the button.&nbsp;<\/li>\n<li><strong>Button Size (<\/strong><a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\" style=\"font-weight: bold;\">A<\/a><strong>) &#8211; <\/strong>Choose the button size.&nbsp;<\/li>\n<li><strong>Alignment (<a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\">A<\/a>) &#8211; <\/strong>Choose the button alignment.&nbsp;<\/li>\n<li><strong>Show\/Hide Options &#8211; <\/strong>Choose whether to show the widget on all pages or only on selective pages.&nbsp;<\/li>\n<li><strong>GD Pages &#8211; <\/strong>Select the pages on which&nbsp;to show the widget (recommended: GD Listing Details page).&nbsp;<\/li>\n<\/ul>\n<h2>Example Output<\/h2>\n<p>\n\t Default output, allowing the visitors to add listings for comparison:&nbsp;<\/p>\n<p><img width=\"759\" height=\"205\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-Af2o8As6ct.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-Af2o8As6ct.png 759w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-Af2o8As6ct-300x81.png 300w\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" \/><\/p>\n<p>Once all listings have been added, the visitors can click the button to see the listings side by side:&nbsp;<\/p>\n<p><img width=\"483\" height=\"346\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-cHRgIg0HFy.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-cHRgIg0HFy.png 483w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-cHRgIg0HFy-300x215.png 300w\" sizes=\"auto, (max-width: 483px) 100vw, 483px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>All Widgets come as Widgets, Shortcodes or Blocks. Learn more about our Super Duper Widgets. The GD &gt; Compare Button&nbsp;widget displays&nbsp;a button that allows users to compare two or more listings. Widget Options Button Text (A) &#8211; Specify the text of the button.&nbsp; Button Icon&nbsp;(A) &#8211; Enter a FontAwesome icon class for the button icon.&nbsp; [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[610,697],"article\/categories":[213,420],"class_list":["post-865","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-widgets","gd_place_tags-compare-listings","gd_placecategory-extensions-features","gd_placecategory-compare-listings"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=865"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/865\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=865"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=865"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}