{"id":904,"date":"2025-03-24T14:27:59","date_gmt":"2025-03-24T14:27:59","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-to-use-the-tabs-builder-in-geodirectory\/"},"modified":"2025-04-03T15:24:19","modified_gmt":"2025-04-03T14:24:19","slug":"how-to-use-the-tabs-builder-in-geodirectory","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-tos\/how-to-use-the-tabs-builder-in-geodirectory\/","title":{"rendered":"How to Use the Tabs Builder in GeoDirectory?"},"content":{"rendered":"

\n\t GeoDirectory uses a tab-based interface on the frontend to showcase listing information to your site’s visitors. You can customize the tab appearance and layout for each CPT separately. This article explains how to use the Tabs Builder in GeoDirectory. <\/p>\n

\n\t You can also output the content of the tabs from the Tabs Builder using the Single Tabs widget<\/a>. <\/section>\n

Using the Tabs Builder<\/h2>\n
\n
\n\t1\n\t<\/dt>\n
\n\tNavigate to CPT > Settings > Tabs. <\/strong> <\/dd>\n

\t\"\"<\/p>\n

\n\t2\n\t<\/dt>\n
\n\tThe Tabs Builder is fairly similar to the WordPress widget editor interface. You can click on the tab of your choice in the left panel, <\/strong>and it will be added to the right panel. \n\t<\/dd>\n

\t\"\"<\/p>\n

\n\t3\n\t<\/dt>\n
\n\tOnce you have tweaked the settings, simply hit Save. <\/strong> <\/dd>\n

\t\"\"<\/p>\n

\n\t4\n\t<\/dt>\n
\n\tYou can reorder the tabs using drag and drop. <\/strong>You can also create nested tabs, <\/strong>just like nested WordPress widgets, simply by dragging tabs to the right to indent them under a “parent” tab. \n\t<\/dd>\n

\t\"\"<\/p>\n

\n\t5\n\t<\/dt>\n
\n\tAny tabs added using the Tabs Builder will show up on the Listing Details page. \n\t<\/dd>\n<\/dl>\n

\n\t \"\"<\/p>\n

\n\t For each field, GeoDirectory chooses the appropriate design element to display in tab. For instance,  address <\/strong>or text field <\/strong>is shown with GD Post Meta <\/strong>whereas a map <\/strong>is shown using GD Map. <\/strong>You can override this by adding the shortcode <\/strong>element to the tab. <\/section>\n","protected":false},"excerpt":{"rendered":"

GeoDirectory uses a tab-based interface on the frontend to showcase listing information to your site’s visitors. You can customize the tab appearance and layout for each CPT separately. This article explains how to use the Tabs Builder in GeoDirectory.  You can also output the content of the tabs from the Tabs Builder using the Single […]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[730,731],"article\/categories":[211,432],"class_list":["post-904","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-tabs-builder","gd_place_tags-geodirectory-tabs","gd_placecategory-tips-tricks-more","gd_placecategory-how-tos"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/904","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=904"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/904\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=904"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=904"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}