{"id":749,"date":"2018-09-28T11:13:51","date_gmt":"2018-09-28T11:13:51","guid":{"rendered":"https:\/\/www.fla-shop.com\/blog\/?p=749"},"modified":"2022-11-16T13:30:27","modified_gmt":"2022-11-16T13:30:27","slug":"easily-display-maps-in-tabs-using-the-tabs-maker-plugin","status":"publish","type":"post","link":"https:\/\/www.fla-shop.com\/blog\/easily-display-maps-in-tabs-using-the-tabs-maker-plugin\/","title":{"rendered":"Easily Display Maps in Tabs Using the Tabs Maker Plugin"},"content":{"rendered":"\n
\n

This problem was relevant not only for tabs but also for modal windows, hidden div blocks, etc. When loading a page, these blocks usually have a zero size, which results in the map automatically adjusting to them and shrinking to the point. Previously, a special code was used to solve this problem, which caused the reloading of the map when switching to the appropriate tab. You can read about it in the following article: https:\/\/www.fla-shop.com\/howto\/wp-maps-tabs-responsive\/<\/a>.<\/p>\n\n\n\n

Nevertheless, this solution for many reasons seems unacceptable for most users, since it requires doing extra actions – in particular, installing additional plugins or manually adding JS code to theme files. This approach led to the fact that each time the theme was updated, you would have to manually remake all of these changes (all changes made manually into templates, are lost after the theme is updated).<\/p>\n\n\n\n

Another drawback of this approach was that it required users to have sufficient technical knowledge and skills in writing the code. Any minor mistake in the code resulted in errors that could completely disrupt the functioning of the site.<\/p>\n\n\n\n

To solve the problem with the placement of maps in tabs, we developed the Tabs Maker plugin<\/a>, featuring ease of integration and ease of use.<\/p>\n\n\n\n

How to display maps in tabs using Tabs Maker<\/h2>\n\n\n\n

The display of tabbed maps with Tabs Maker is a simple and user-friendly solution that does not require additional coding. All you need to do is create interactive maps and place their shortcodes in the appropriate Tabs Maker tabs. If you already have maps created with our plugins, you will only have to get their shortcodes and add them to the required tabs – it takes less than 5 minutes.<\/p>\n\n\n\n

To install the plugin, go to the Tabs Maker plugin page<\/a> in the WordPress.org directory, click “Download”, then upload the plugin to your server via FTP and activate it in the WordPress console.<\/p>\n\n\n

\n
\"Tabs<\/figure>\n<\/div>\n\n\n

Also, you can find the plugin directly in the WordPress admin panel, by moving to the “Plugins” -> “Add New” section, and in the “Search plugins …” field enter Tabs Maker. Scroll down a little and find the following item:

Install and activate the plugin.<\/p>\n\n\n\n

Using this plugin you can display interactive maps in tabs that will have the following features:<\/p>\n\n\n\n