{"id":807,"date":"2019-06-04T05:31:44","date_gmt":"2019-06-04T05:31:44","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs-v2\/?post_type=docs&p=807"},"modified":"2019-06-04T05:44:30","modified_gmt":"2019-06-04T05:44:30","slug":"map-bubble","status":"publish","type":"docs","link":"https:\/\/wpgeodirectory.com\/docs-v2\/templates\/map-bubble\/","title":{"rendered":"Map Bubble"},"content":{"rendered":"


\nIntroduction<\/a>
\nTroubleshooting<\/a>
\nFrequently Asked Questions<\/a>
\nSupport<\/a>
\n<\/span><\/p>\n

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

What<\/h4>\n

The Map Bubble is the small box\/bubble that pops up when you click on a map icon on the map.<\/p>\n

Data shown in the map bubble is displayed with the default options for GD Post Meta.<\/p>\n

That means that when a field is chosen for display in the map bubble, it is always displayed with “icon+label+value”.<\/p>\n

Personalize<\/h3>\n

Show in extra locations<\/h4>\n

Use the custom fields setting “Show in extra location” to show a field in the map bubble.<\/p>\n

CPT Settings (ex. Places Settings) – General (tab) – Show Advanced – Details template – Choose your template page<\/strong><\/p>\n

Customize<\/h3>\n

See our doc about customizing<\/a> for instructions on using code snippets.<\/p>\n

Custom CSS<\/a><\/h4>\n

Map Bubble templates can be customized with Custom CSS<\/p>\n

To hide the label for a field shown in the map bubble, create custom CSS like this:<\/p>\n

\r\n.gd-bubble span.geodir_post_meta_title {\r\n    display: none;\r\n}\r\n<\/code><\/pre>\n
To hide the icon for a field shown in the map bubble, create custom CSS like this:<\/p>\n
\r\n.gd-bubble .geodir_post_meta.geodir-field-post_title .geodir_post_meta_icon.geodir-i-text {\r\n    display: none;\r\n}\r\n<\/code><\/pre>\n
PHP Template<\/h4>\n
Want to change the way the map bubble template?<\/p>\n
You can see the template here: https:\/\/github.com\/AyeCode\/geodirectory\/blob\/master\/templates\/map-popup.php<\/p>\n
To customize, create folder \/geodirectory\/ in your theme and copy file \\wp-content\\plugins\\geodirectory\\templates\\map-popup.php into the folder.
\nThe new file will be YOUR_THEME\/geodirectory\/map-popup.php.
\nNow edit file YOUR_THEME\/geodirectory\/map-popup.php and remove change the shortcode or other content to meet your needs.<\/p>\n
Map Bubble Address Format<\/h4>\n
To change the address format in the map bubble, first remove the settings in the address custom field for “Show in extra locations -> Map Bubble”.
\nThen add the following snippet, adjusting to meet your needs.<\/p>\n
\r\nadd_filter("geodir_show_listing_info","_my_map_address_add",10,2);\r\nfunction _my_map_address_add($html,$fields_location){\r\n\r\nif($fields_location=='mapbubble'){\r\n$html = do_shortcode('[gd_post_address show="icon-label-value" address_template="%%post_title%% %%post_title_br%% :: %%street_br%% %%neighbourhood_br%% %%city_br%% %%region_br%% %%zip_br%% %%country%%"]').$html;\r\n}\r\n    return $html;\r\n}\r\n<\/code><\/pre>\n","protected":false},"featured_media":0,"parent":683,"menu_order":0,"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\/807"}],"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=807"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/807\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/683"}],"next":[{"title":"Archive Item Template","link":"https:\/\/wpgeodirectory.com\/docs-v2\/templates\/archive-item\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/712"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/media?parent=807"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/doc_tag?post=807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}