Installing via Wordpress administration area
After installing the plugin you will find a new menu item named "Sale Map" under the Woocommerce main menu.
The plugin itself comes preconfigured with some settings that you can modify on the plugin settings page
On the plugin settings page you will find
LEVEL OF DETAIL
You can show sales per city or per state .
Here you can see how "City" level will show. Tirana and Durres are cities of Albania
Here you can see how "State" level will show . Both markers ( of Tirana and Durres) are grouped into one.
ENABLE POPUP
If set to "yes" the marker/pin will be clickable and a popup window (infowindow) will appear
SHOW CITY/STATE NAME
If set to "yes" the city/state name will be shown on the popup window (infowindow). The "ENABLE POPUP" needs to be set to "yes" also
SHOW SALES COUNT
If set to "yes" the sales count will be shown for the city/state. The "ENABLE POPUP" needs to be set to "yes" .
If the "detail level" is set to "state" and "show sales count" is "yes" then the sales count will be the sum of each city of a given state.
Supose Tirana city has 20 sales , Durres city 15 sales and the "detail level" is set to state. In this case the "sales" for Albania will be 35
MAP WIDTH
The width of the map. The value is in % and it will occupy X percent of the map container ( i,e post container if using the map via the shortcode on a page/post)
MAP HEIGHT
The height of the map in pixels
DISABLE MAP NAVIGATOR
If the map navigator will be shown or not. Keep in mind if this is set ot "yes" and the map is too small the navigator is automatically collapsed (not entirely disabled )
DISABLE ZOOM SCROLL
If the zoom in/out with the mouse scroller will be enabled or not.
USE CUSTOM PIN
If you like to use custom pins/markers on the map set this to yes
CUSTOM PIN URL
The url/address of the custom pin. Below a map with a custom pin
You can show the Woocommerce Sale map on any post/page or placing the PHP code directly on the theme files
The shortcode
The "woocommerce sale map" add a button on the wordpress editor so you can click the button and the shortcode will be added to the post
The PHP code
Place <?php albdesign_salemap(); ?> where you like the map to show
The information on the popup window is marked with CSS classes so you can customize them as you like via CSS
The "City" text has the class albdesign_wc_sale_map_city_name
The "Sales" text has the class albdesign_wc_sale_map_count