{"id":484,"date":"2018-12-07T09:40:44","date_gmt":"2018-12-07T09:40:44","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs-v2\/?post_type=docs&#038;p=484"},"modified":"2020-01-24T17:42:04","modified_gmt":"2020-01-24T17:42:04","slug":"builders","status":"publish","type":"docs","link":"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/builders\/","title":{"rendered":"Builders"},"content":{"rendered":"<p><span class=\"bookmark-index\"><br \/>\n<a href=\"#intro\">Introduction<\/a><br \/>\n<a href=\"#prep\">Preparation<\/a><br \/>\n<a href=\"#display\">Display<\/a><br \/>\n<a href=\"#faq\">FAQ<\/a><\/span><\/p>\n<h3><a href=\"#intro\" name=\"intro\">Introduction<\/a><\/h3>\n<p>GeoDirectory has been tested to work with a large number of builders for editing the look and feel of the GeoDirectory templates. To clarify, Builders should never be used on individual listings, only on templates. On this page you can find notes about which builders we have tested and some information about advanced theme builders, too.<\/p>\n<p>We test builders with GeoDirectory Widgets and recommend that you use widgets to build your pages.<\/p>\n<p>Many builders do not support the use of shortcodes except in special block types; be sure to consult with the builder plugin author to find out how to use widgets or for more detailed information about the best way to add shortcodes to a page.<\/p>\n<h4>Page Builders<\/h4>\n<p>Page builders can be used on the GD Location and Add Listing pages as well as the GD Archive item, but not all are supported for use on the GeoDirectory Template pages including: GD Archive, GD Detail, and GD Search page templates. (see: <a href=\"#theme-builders\">Theme Builders<\/a> )<\/p>\n<p><strong>Avia<\/strong><br \/>\nUse the shortcode button on shortcode or html modules.<\/p>\n<p><strong>BB &#8211; Beaver Builder<\/strong><\/p>\n<p><strong>Cornerstone<\/strong><br \/>\nNote: Use shortcode or HTML blocks<\/p>\n<p><strong>Divi<\/strong><br \/>\nUse the Divi &#8220;Code Module&#8221;, <strong>once you click inside the editor<\/strong> you will then see our shortcode builder button (highlighted below) that will let you build the shortcode you need and then simply copy and past it into the module where it will then render on the page.<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/shortcode-builder-1.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/shortcode-builder-1.png\" alt=\"\" width=\"408\" height=\"502\" class=\"alignnone size-full wp-image-882\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/shortcode-builder-1.png 408w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/shortcode-builder-1-244x300.png 244w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><\/a><\/p>\n<p><strong>Elementor<\/strong><br \/>\nUse GD Widgets or Elementor Shortcode elements for building. Use Elementor shortcode instead of text areas because Elementor text areas do not support shortcodes by default. The shortcode element also has the advantage of displaying the GD Shortcode builder.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/elementor.jpg\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/elementor.jpg\" alt=\"\" width=\"1428\" height=\"447\" class=\"alignnone size-full wp-image-918\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/elementor.jpg 1428w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/elementor-300x94.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/elementor-768x240.jpg 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/elementor-1024x321.jpg 1024w\" sizes=\"(max-width: 1428px) 100vw, 1428px\" \/><\/a><\/p>\n<p><strong>Fusion Builder Premium by Avada<\/strong><br \/>\nUse GD Widgets by creating a widget area and displaying it in the page with the widget area element.<\/p>\n<p><strong>SiteOrigin Page Builder<\/strong><br \/>\nUse GD widgets. Try the &#8220;Page Builder Template&#8221; if you see white screens.<\/p>\n<p><strong>WPBakery<\/strong><br \/>\nUse GD Widgets in widgetized sidebars. If using shortcodes, make sure to use a code element because shortcode in text areas may render in unexpected ways.<\/p>\n<h4><a href=\"#theme-builders\" name=\"theme-builders\">Theme Builders<\/a><\/h4>\n<p>Theme Builders can be used to create layouts that will override the GeoDirectory Templates. A theme builder can be used to create layouts for each of the GeoDirectory templates including the GD Archive, GD Detail, and GD Search page templates.<\/p>\n<p>The main difference between a theme builder and a page builder is that a theme builder provides options for determining when a layout is applied.<\/p>\n<p>For example, when creating a new layout, one of the first settings is what type of layout it is. Each theme builder has different options, but, at the least you will see the choices for &#8220;Single&#8221; and &#8220;Archive&#8221;. A normal page builder does not have these options.<\/p>\n<p><strong>Beaver Themer<\/strong><br \/>\nBeaver Themer is a separate plugin that is not included with BB Lite or Pro<br \/>\nBeaver Themer layouts are stored under a separate menu item: Beaver Builder -&gt; Themer Layouts<br \/>\n<a href=\"https:\/\/kb.wpbeaverbuilder.com\/collection\/397-beaver-themer\" target=\"_blank\" rel=\"noopener noreferrer\">See Beaver Themer Docs<\/a><\/p>\n<p><strong>Elementor Pro Theme Builder<\/strong><br \/>\nThe Theme Builder is included with the Pro addon for Elementor.<br \/>\nElementor&#8217;s theme builder layouts are stored in a separate menu item under Templates -&gt; Theme Builder.<br \/>\n<a href=\"https:\/\/docs.elementor.com\/search?query=theme+builder\" target=\"_blank\" rel=\"noopener noreferrer\">See Elementor Theme Builder Docs<\/a><\/p>\n<h4>Theme Builder Usage Notes<\/h4>\n<p><strong>Archive or Single?<\/strong><\/p>\n<p>A notable advantage of theme builders is that they make powerful settings available through an interface, but it also means some new types of settings.<\/p>\n<p>Here are the general settings needed to set theme builder layouts to override GeoDirectory templates.<\/p>\n<p><strong>Places Detail Layout<\/strong><\/p>\n<ul>\n<li>Override the GD Details template for Places &#8211; Single layout applied to Places.<\/li>\n<\/ul>\n<p><strong>Places Archive Layout<\/strong><\/p>\n<ul>\n<li>Override the GD Archive template for Places &#8211; Archive Layout applied to Places, and\/or Places Categories, and\/or Places tags.<\/li>\n<\/ul>\n<p><strong>Search Archive Layout<\/strong><\/p>\n<ul>\n<li>Override the GD Search template &#8211; Archive Layout applied to Search &#8211; this will also override the WP site search at the same time.<\/li>\n<\/ul>\n<p><strong>GeoDirectory themes and theme builders<\/strong><\/p>\n<p>If you are using a GeoDirectory theme with a theme builder be sure to set the original WordPress page template to &#8220;Default Template&#8221;.<\/p>\n<p>For example, if you are using Supreme, you might have the GD Detail page template set to &#8220;geodirectory&#8221; or &#8220;geodirectory single&#8221;. This must instead be set to &#8220;Default Template&#8221; or your theme builder layout will not be displayed. The technical reasons for this are described <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/faq\/customizing\/#page-template\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/default-template.jpg\"><img class=\"alignnone size-full wp-image-736\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/default-template.jpg\" alt=\"\" width=\"300\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/default-template.jpg 355w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/12\/default-template-270x300.jpg 270w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<h4>Read more<\/h4>\n<p>Read more about GeoDirectory Pages and Page Templates here: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/page-design\/\">Page Design<\/a><br \/>\nRead more about GeoDirectory Design Elements: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/design-elements\/\">Design Elements<\/a><\/p>\n<h3><a href=\"#support\" name=\"support\">Get Support<\/a><\/h3>\n<p>Get support on our forum, find out more here: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/support\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/support\/<\/a><\/p>\n<h3><a href=\"#faq\" name=\"faq\">FAQ &#8211; Frequently Asked Questions<\/a><\/h3>\n<h4><a href=\"#fa\" name=\"fa\">Match Builder and GeoDirectory Font Awesome settings<\/a><\/h4>\n<blockquote class=\"gd-faq\"><p>If FA icons are not loading, use the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/font-awesome\/\" target=\"_blank\" rel=\"noopener noreferrer\">Font Awesome utility described here<\/a> to adjust the GeoDirectory Font Awesome settings to use the same type and version as your builder. Your builder may also have FA settings, so you can adjust them both to find the best matched setting.<\/p><\/blockquote>\n<h4><a href=\"#bb-themer-search\" name=\"bb-themer-search\">BB Themer Search<\/a><\/h4>\n<blockquote class=\"gd-faq\"><p>To setup a search template layout with BB Themer follow these steps:<\/p>\n<ol>\n<li>Go to Builder > Themer Layouts > Add New<\/li>\n<li>Set Title = GD Search, Layout = Archive &#038; click on &#8220;Add Themer Layout&#8221; button to save themer layout.<\/li>\n<li>Go to Builder > Themer Layouts > Edit &#8220;GD Search&#8221;. On edit layout page in Themer Layout Settings section leave &#8220;Location&#8221; blank &#038; click on &#8220;Publish&#8221; or &#8220;Update&#8221; button to save.<\/li>\n<li>Setup layout using themer elements &#038; widgets > Save<\/li>\n<li>Go to GeoDirectory > Settings > Pages > Beaver Builder Settings > Search Page Themer Layout > Select &#8220;GD Search&#8221; > Save Changes<\/li>\n<li>Done<\/li>\n<\/ol>\n<\/blockquote>\n","protected":false},"featured_media":0,"parent":99,"menu_order":2,"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\/484"}],"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=484"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/484\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/99"}],"next":[{"title":"Email","link":"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/email\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/328"}],"prev":[{"title":"WP Invoicing","link":"https:\/\/wpgeodirectory.com\/docs-v2\/integrations\/wpinvoicing\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/587"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/media?parent=484"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/doc_tag?post=484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}