{"id":240,"date":"2017-12-11T19:42:53","date_gmt":"2017-12-11T19:42:53","guid":{"rendered":"https:\/\/www.fla-shop.com\/blog\/?p=240"},"modified":"2022-11-22T11:26:23","modified_gmt":"2022-11-22T11:26:23","slug":"detailed-review-3-detailed-settings","status":"publish","type":"post","link":"https:\/\/www.fla-shop.com\/blog\/detailed-review-3-detailed-settings\/","title":{"rendered":"Review of the US Map for WP. Part 3: Detailed settings"},"content":{"rendered":"\n
\n

You can open the “Detailed settings” section by selecting the “Detailed settings” tab at the WordPress administrator dashboard menu on the left side of the screen.<\/p>\n<\/div><\/div>\n\n\n\n

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

Also, for your convenience, we made a screenshot of this section with a comprehensive review of its fields and checkboxes:<\/p>\n<\/div><\/div>\n\n\n\n

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

[1] “State name” \u2013 here you can choose the state you want to edit. Please note, that if you will not select a state, the settings window will not appear!
[2] “Choose on the map” \u2013 this button leads you to the interactive map and allows selecting of the state directly.<\/p>\n\n\n\n

Map area settings group<\/h2>\n\n\n\n

Here you can set up all necessary settings for the state.<\/p>\n\n\n\n

[3] “Name” \u2013 edit the state name displayed on the map.
[4] “Do not show popup name” \u2013 when this checkbox is activated, the state name will not be displayed in the pop-up window when the user hovers the mouse over the state.
[5] “Shortname” \u2013 here you can customize the state label displayed on the map.<\/p>\n\n\n\n

What should you do by clicking on the area? This short sub-section is very important because it sets the behavior when the user clicks on the state area.<\/p>\n\n\n\n

[6] “Nothing” \u2013 nothing will happen when the user clicks on the state area
[7] “Open an URL” \u2013 by clicking on the state the user opens the chosen URL
[8] “Show more info” \u2013 by clicking on the state the information window pops up
[9] “Show lightbox popup” – by clicking on the state the lightbox window pops up. Please note, that you need to install the WordPress “Pop-up builder” plugin to create the pop-up windows. Otherwise, you can\u2019t manage them.
[10] “URL” \u2013 sets up the URL, which will be used at point [7]
[11] “Open URL in a new window” \u2013 adds the target=”_blank” attribute to URL (point [10]), so it will appear in the new window.
[12] “Info for tooltip balloons” \u2013 here you can set all necessary additional information that appears in the tooltip balloon (if the checkbox [8] is checked). Also, as in the screenshot above, you can add the name of the local representative of your company, address, phone number, etc.
[13] “Area color” \u2013 sets up the state color in HEX format.
[14] “Apply to all areas” \u2013 if this checkbox is checked, the selected color will apply to all states on the map.
[15] “Area hover color” \u2013 sets up the hover color for the state (when the user hovers the mouse color over it).
[16] “Apply to all areas” \u2013 applies the hover color to all states on the map.<\/p>\n\n\n\n

Working with images<\/h2>\n\n\n\n

Each pop-up window in the WordPress interactive US map can have an icon that you can add in the “Detailed settings” section.<\/p>\n\n\n\n

[17] “Image URL” \u2013 this input box opens the standard WordPress Media Gallery, where you can choose the image from all your website images or upload it from your local PC. As in the screenshot below, working with an icon image is simple.<\/p>\n<\/div><\/div>\n\n\n\n

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

After all, you need to do the following:<\/p>\n\n\n\n